diff --git a/webclient/src/components/sidebar/AppSidebar.vue b/webclient/src/components/sidebar/AppSidebar.vue index a94e3eb..3df9d0e 100644 --- a/webclient/src/components/sidebar/AppSidebar.vue +++ b/webclient/src/components/sidebar/AppSidebar.vue @@ -265,25 +265,23 @@ } &.is-loading :deep(.input-group-addon) { - position: relative; - } + position: relative !important; - &.is-loading :deep(.input-group-addon i.ph) { - opacity: 0 !important; - transition: opacity 0.1s; - } + > i { + display: none !important; + } - &.is-loading :deep(.input-group-addon)::after { - content: ''; - position: absolute; - inset: 0; - margin: auto; - width: 12px; - height: 12px; - border: 2px solid $border-color-muted; - border-top-color: $color-secondary; - border-radius: 50%; - animation: spin 0.6s linear infinite; + &::after { + content: ''; + display: block; + width: 12px; + height: 12px; + border: 2px solid $border-color-muted; + border-top-color: $color-secondary; + border-radius: 50%; + animation: spin 0.6s linear infinite; + margin: auto; + } } }