diff options
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/components/_status-icon.scss | 33 | ||||
-rw-r--r-- | webapp/sass/layout/_headers.scss | 2 | ||||
-rw-r--r-- | webapp/sass/layout/_sidebar-left.scss | 34 | ||||
-rw-r--r-- | webapp/sass/responsive/_mobile.scss | 2 |
4 files changed, 39 insertions, 32 deletions
diff --git a/webapp/sass/components/_status-icon.scss b/webapp/sass/components/_status-icon.scss new file mode 100644 index 000000000..32ce07164 --- /dev/null +++ b/webapp/sass/components/_status-icon.scss @@ -0,0 +1,33 @@ +@charset 'UTF-8'; + +.status { + display: inline-block; + margin-right: 6px; + position: relative; + top: 1px; + width: 12px; + + svg { + max-height: 14px; + } + + i, + path, + ellipse { + @include opacity(.5); + + &.online--icon, + &.away--icon { + @include opacity(1); + } + } + + .fa-lock { + margin-left: 1px; + } + + .fa-globe { + position: relative; + top: -1px; + } +}
\ No newline at end of file diff --git a/webapp/sass/layout/_headers.scss b/webapp/sass/layout/_headers.scss index d0ccfbe23..2382a39e4 100644 --- a/webapp/sass/layout/_headers.scss +++ b/webapp/sass/layout/_headers.scss @@ -144,6 +144,8 @@ white-space: normal; } } + + @import "../components/status-icon"; } .channel-intro { diff --git a/webapp/sass/layout/_sidebar-left.scss b/webapp/sass/layout/_sidebar-left.scss index 6b8658d25..d4d01c865 100644 --- a/webapp/sass/layout/_sidebar-left.scss +++ b/webapp/sass/layout/_sidebar-left.scss @@ -60,38 +60,6 @@ top: 5px; } - .status { - display: inline-block; - margin-right: 6px; - position: relative; - top: 1px; - width: 12px; - - svg { - max-height: 14px; - } - - i, - path, - ellipse { - @include opacity(.5); - - &.online--icon, - &.away--icon { - @include opacity(1); - } - } - - .fa-lock { - margin-left: 1px; - } - - .fa-globe { - position: relative; - top: -1px; - } - } - .nav-pills__container { -webkit-overflow-scrolling: touch; height: calc(100% - 80px); @@ -234,6 +202,8 @@ color: #666666; } } + + @import "../components/status-icon"; } .channel-loading-gif { diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index cb1191fe3..6308829ec 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -590,6 +590,8 @@ .navbar-brand { white-space: nowrap; + + @import "../components/status-icon"; } } } |