PluginProbe
Pay with Vipps and MobilePay for WooCommerce / 6.2.2
Pay with Vipps and MobilePay for WooCommerce v6.2.2
6.2.3 6.2.2 6.2.1 6.2.0 6.1.10 6.1.9 6.1.8 6.1.7 6.1.6 6.1.5 6.1.4 6.1.3 6.1.2 6.1.1 6.1.0 6.0.5 6.0.4 6.0.3 6.0.2 6.0.1 6.0.0 5.4.3 5.4.2 5.4.1 5.4.0 All 185 releases
← All changes | payment/css/vipps.css +16 -47 6.0.46.2.2 View file →
@@ -31,8 +31,13 @@
31 31 vipps-mobilepay-badge {
32 32 width: 90vw;
33 33 }
34 34
35 +/* Avoid having the new web component button get outlined IOK 2026-08-07 */
36 +vipps-mobilepay-button:focus,
37 +vipps-mobilepay-button:focus-visible {
38 + outline: none;
39 +}
35 40
36 41 /* Vipps Checkout Widgets */
37 42 .vipps_checkout_widget_wrapper {
38 43 width: 100%;
@@ -170,25 +175,8 @@
170 175 h2.confirmVippsExpressCheckoutHeader {
171 176 margin-top: 0;
172 177 }
173 178
174 -
175 -a.button.vipps-express-checkout img {
176 - max-width: 100%;
177 - width: 13.5rem;
178 - max-height: 100%;
179 - filter: drop-shadow( 0px 1px 2px #d7d7d7);
180 -}
181 -a.button.vipps-express-checkout.short img {
182 - width:initial;
183 -}
184 -a.button.vipps-express-checkout:hover img {
185 - opacity: 0.9;
186 -}
187 -a.button.vipps-express-checkout.disabled img {
188 - opacity: 0.7;
189 -}
190 -
191 179 li.wc_payment_method.payment_method_vipps img {
192 180 max-width: 145px;
193 181 }
194 182
@@ -211,34 +199,8 @@
211 199 .wc-block-grid__products .wc-block-grid__product .wp-block-button__link.vipps-buy-now:hover, .woocommerce ul.products li.product .button.vipps-buy-now:hover, a.button.vipps-buy-now:hover {
212 200 opacity: 0.9;
213 201 }
214 202
215 -ul.products li.product a.button.vipps-buy-now img {
216 - margin:0px;
217 - display:inline;
218 -}
219 -
220 -a.button.vipps-express-checkout {
221 - background-color: #fff;
222 - color: transparent;
223 - vertical-align: bottom;
224 - padding: 0;
225 - margin-left:.5em;
226 -}
227 -a.button.vipps-express-checkout:active, a.button.vipps-buy-now:active {
228 - border: 0;
229 -}
230 -a.button.vipps-express-checkout:hover, a.button.vipps-buy-now:hover {
231 - border: 0;
232 -}
233 -
234 -/* New-style button for Vipps and Mobile Pay is 100% svg */
235 -a.single-product.button.vipps-buy-now {
236 - padding-left:0;
237 - padding-right:0;
238 - padding-bottom:0;
239 -}
240 -
241 203 body .widget_shopping_cart a.button.vipps-express-checkout, body .widget_shopping_cart a.button.vipps-express-checkout:hover {
242 204 color:transparent;
243 205 border:0;
244 206 background-color: transparent;
@@ -319,8 +281,19 @@
319 281 height: 2ex;
320 282 display:inline;
321 283 }
322 284
285 +.vipps-buy-now {
286 + padding-left: 0;
287 + padding-right: 0;
288 +}
289 +.vipps_buy_now_wrapper.noloop {
290 + margin-top: .5rem;
291 +}
292 +.wp-block-woo-vipps-buy-now-cart.wc-block-button-vipps {
293 + margin-bottom: .5rem;
294 +}
295 +
323 296 .vippsorange {
324 297 background-color: #fe5b24;
325 298 }
326 299 .vippsorange-light {
@@ -355,12 +328,8 @@
355 328 margin: 0 auto;
356 329 padding: 0 0.75rem;
357 330 line-height: 1;
358 331 font-size: var(--wp--preset--font-size--small);
359 -}
360 -.legacy-checkout.vipps-express-checkout a, .legacy-checkout.vipps-express-checkout img {
361 - padding: 0 !important;
362 - border: 0 !important;
363 332 }
364 333
365 334 .vipps_checkout_button_wrapper {
366 335 margin-top: 1rem;