| @@ -141,30 +141,8 @@ | ||
| 141 | 141 | width: 20px; |
| 142 | 142 | height: 20px; |
| 143 | 143 | } |
| 144 | 144 | |
| 145 | -.lp-button { | |
| 146 | - border: 1px solid var(--lp-border-color, #E2E0DB); | |
| 147 | - border-radius: var(--lp-border-radius, 5px); | |
| 148 | - padding: 8px 16px; | |
| 149 | -} | |
| 150 | -.lp-button.loading { | |
| 151 | - pointer-events: none; | |
| 152 | - opacity: 0.8; | |
| 153 | -} | |
| 154 | -.lp-button.loading:before { | |
| 155 | - display: inline-block; | |
| 156 | - font-family: "lp-icon"; | |
| 157 | - content: "\f110"; | |
| 158 | - animation: lp-rotating 1s linear infinite; | |
| 159 | - margin-left: 5px; | |
| 160 | - font-variant: normal; | |
| 161 | - text-transform: none; | |
| 162 | - -webkit-font-smoothing: antialiased; | |
| 163 | - -moz-osx-font-smoothing: grayscale; | |
| 164 | - vertical-align: middle; | |
| 165 | -} | |
| 166 | - | |
| 167 | 145 | .lp-hidden { |
| 168 | 146 | display: none !important; |
| 169 | 147 | } |
| 170 | 148 | |
| @@ -362,18 +340,22 @@ | ||
| 362 | 340 | .learnpress_avatar__form__upload div { |
| 363 | 341 | line-height: 1.4; |
| 364 | 342 | } |
| 365 | 343 | .learnpress_avatar__button--loading:before { |
| 366 | - display: inline-block; | |
| 344 | + position: absolute; | |
| 345 | + inset: 0; | |
| 346 | + display: flex; | |
| 347 | + align-items: center; | |
| 348 | + justify-content: center; | |
| 367 | 349 | font-family: "lp-icon"; |
| 368 | 350 | content: "\f110"; |
| 369 | 351 | animation: lp-rotating 1s linear infinite; |
| 370 | - margin-left: 5px; | |
| 352 | + line-height: 1; | |
| 371 | 353 | font-variant: normal; |
| 372 | 354 | text-transform: none; |
| 373 | 355 | -webkit-font-smoothing: antialiased; |
| 374 | 356 | -moz-osx-font-smoothing: grayscale; |
| 375 | - vertical-align: middle; | |
| 357 | + color: black; | |
| 376 | 358 | } |
| 377 | 359 | |
| 378 | 360 | button.learnpress_avatar__button { |
| 379 | 361 | height: 40px; |
