diff options
| author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2020-02-27 10:25:58 +0100 |
|---|---|---|
| committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2020-02-27 10:25:58 +0100 |
| commit | 5f1713f9db76ee62bcd7cbe4a0f1227c75b00e3d (patch) | |
| tree | 8081c61d1c461397506d8095fa5d1bfaec654874 /core/css | |
| parent | 72cc8270cdd0f1c95ef1708be81cf4ac424dca47 (diff) | |
| download | nextcloud-server-5f1713f9db76ee62bcd7cbe4a0f1227c75b00e3d.tar.gz nextcloud-server-5f1713f9db76ee62bcd7cbe4a0f1227c75b00e3d.zip | |
Set loading image on replaced elements instead of on their descendants
Replaced elements do not have "::after" nor "::before" pseudo-elements,
so the regular loading icon needs to be shown using a background image
instead of the default "::after" pseudo-element approach. However, the
CSS rules were not applied on the replaced elements themselves, but on
their descendants. As the descendants might have support for
pseudo-elements the rules were fixed to be applied on the replaced
elements, and only on the replaced elements.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'core/css')
| -rw-r--r-- | core/css/icons.scss | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/core/css/icons.scss b/core/css/icons.scss index 2dbd08f61d9..53ae4d77118 100644 --- a/core/css/icons.scss +++ b/core/css/icons.scss @@ -82,16 +82,16 @@ /* Css replaced elements don't have ::after nor ::before */ img, object, video, button, textarea, input, select, div[contenteditable='true'] { - .icon-loading { + &.icon-loading { background-image: url('../img/loading.gif'); } - .icon-loading-dark { + &.icon-loading-dark { background-image: url('../img/loading-dark.gif'); } - .icon-loading-small { + &.icon-loading-small { background-image: url('../img/loading-small.gif'); } - .icon-loading-small-dark { + &.icon-loading-small-dark { background-image: url('../img/loading-small-dark.gif'); } } |