| @@ -31,8 +31,14 @@ | ||
| 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 | +} | |
| 40 | + | |
| 35 | 41 | /* Vipps Checkout Widgets */ |
| 36 | 42 | .vipps_checkout_widget_wrapper { |
| 37 | 43 | width: 100%; |
| 38 | 44 | display:flex; |
| @@ -169,27 +175,19 @@ | ||
| 169 | 175 | h2.confirmVippsExpressCheckoutHeader { |
| 170 | 176 | margin-top: 0; |
| 171 | 177 | } |
| 172 | 178 | |
| 173 | - | |
| 174 | -a.button.vipps-express-checkout img { | |
| 175 | - max-width: 100%; | |
| 176 | - width: 13.5rem; | |
| 177 | - max-height: 100%; | |
| 178 | - filter: drop-shadow( 0px 1px 2px #d7d7d7); | |
| 179 | +li.wc_payment_method.payment_method_vipps img { | |
| 180 | + max-width: 145px; | |
| 179 | 181 | } |
| 180 | -a.button.vipps-express-checkout.short img { | |
| 181 | - width:initial; | |
| 182 | -} | |
| 183 | -a.button.vipps-express-checkout:hover img { | |
| 184 | - opacity: 0.9; | |
| 185 | -} | |
| 186 | -a.button.vipps-express-checkout.disabled img { | |
| 187 | - opacity: 0.7; | |
| 188 | -} | |
| 189 | 182 | |
| 190 | -li.wc_payment_method.payment_method_vipps img { | |
| 191 | - max-width: 145px; | |
| 183 | +.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_vipps img { | |
| 184 | + margin-top:.5rem; | |
| 185 | + float: right; | |
| 186 | +} | |
| 187 | +.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method.payment_method_vipps_card img { | |
| 188 | + height: 3.5rem; | |
| 189 | + float:right; | |
| 192 | 190 | } |
| 193 | 191 | |
| 194 | 192 | a.button.vipps-buy-now:focus { |
| 195 | 193 | outline: none; |
| @@ -201,34 +199,8 @@ | ||
| 201 | 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 { |
| 202 | 200 | opacity: 0.9; |
| 203 | 201 | } |
| 204 | 202 | |
| 205 | -ul.products li.product a.button.vipps-buy-now img { | |
| 206 | - margin:0px; | |
| 207 | - display:inline; | |
| 208 | -} | |
| 209 | - | |
| 210 | -a.button.vipps-express-checkout { | |
| 211 | - background-color: #fff; | |
| 212 | - color: transparent; | |
| 213 | - vertical-align: bottom; | |
| 214 | - padding: 0; | |
| 215 | - margin-left:.5em; | |
| 216 | -} | |
| 217 | -a.button.vipps-express-checkout:active, a.button.vipps-buy-now:active { | |
| 218 | - border: 0; | |
| 219 | -} | |
| 220 | -a.button.vipps-express-checkout:hover, a.button.vipps-buy-now:hover { | |
| 221 | - border: 0; | |
| 222 | -} | |
| 223 | - | |
| 224 | -/* New-style button for Vipps and Mobile Pay is 100% svg */ | |
| 225 | -a.single-product.button.vipps-buy-now { | |
| 226 | - padding-left:0; | |
| 227 | - padding-right:0; | |
| 228 | - padding-bottom:0; | |
| 229 | -} | |
| 230 | - | |
| 231 | 203 | body .widget_shopping_cart a.button.vipps-express-checkout, body .widget_shopping_cart a.button.vipps-express-checkout:hover { |
| 232 | 204 | color:transparent; |
| 233 | 205 | border:0; |
| 234 | 206 | background-color: transparent; |
| @@ -309,8 +281,19 @@ | ||
| 309 | 281 | height: 2ex; |
| 310 | 282 | display:inline; |
| 311 | 283 | } |
| 312 | 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 | + | |
| 313 | 296 | .vippsorange { |
| 314 | 297 | background-color: #fe5b24; |
| 315 | 298 | } |
| 316 | 299 | .vippsorange-light { |
| @@ -331,22 +314,20 @@ | ||
| 331 | 314 | |
| 332 | 315 | /* New express section for woo legacy (shortcode) checkout. LP 2026-03-23 */ |
| 333 | 316 | .legacy-checkout.vipps-express-checkout { |
| 334 | 317 | max-width: 20rem; |
| 335 | - position: relative; | |
| 318 | + box-sizing: border-box; | |
| 336 | 319 | border: 1px solid lightgrey; |
| 337 | 320 | border-radius: 4px; |
| 338 | - padding: 1.4rem 1.8rem 1rem; | |
| 321 | + min-inline-size: 0; | |
| 322 | + padding: 1.1rem 1.7rem; | |
| 339 | 323 | margin: 1rem auto; |
| 340 | 324 | text-align: center; |
| 341 | 325 | } |
| 342 | 326 | .legacy-checkout.vipps-express-checkout .express-header { |
| 343 | - position: absolute; | |
| 344 | - top: 0; | |
| 345 | - left: 50%; | |
| 346 | - transform: translate(-50%, -50%); | |
| 327 | + display: table; | |
| 328 | + margin: 0 auto; | |
| 347 | 329 | padding: 0 0.75rem; |
| 348 | - background: #fff; | |
| 349 | 330 | line-height: 1; |
| 350 | 331 | font-size: var(--wp--preset--font-size--small); |
| 351 | 332 | } |
| 352 | 333 | |
