diff options
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/main.scss | 1 | ||||
-rw-r--r-- | src/styles/status-bar-target-url.scss | 33 |
2 files changed, 34 insertions, 0 deletions
diff --git a/src/styles/main.scss b/src/styles/main.scss index 8afc86f98..0a082729c 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss | |||
@@ -20,6 +20,7 @@ $mdi-font-path: '../node_modules/mdi/fonts'; | |||
20 | @import './auth.scss'; | 20 | @import './auth.scss'; |
21 | @import './tooltip.scss'; | 21 | @import './tooltip.scss'; |
22 | @import './info-bar.scss'; | 22 | @import './info-bar.scss'; |
23 | @import './status-bar-target-url.scss'; | ||
23 | @import './animations.scss'; | 24 | @import './animations.scss'; |
24 | @import './infobox.scss'; | 25 | @import './infobox.scss'; |
25 | @import './badge.scss'; | 26 | @import './badge.scss'; |
diff --git a/src/styles/status-bar-target-url.scss b/src/styles/status-bar-target-url.scss new file mode 100644 index 000000000..9a45314fb --- /dev/null +++ b/src/styles/status-bar-target-url.scss | |||
@@ -0,0 +1,33 @@ | |||
1 | @import './config.scss'; | ||
2 | |||
3 | .status-bar-target-url { | ||
4 | // width: 100%; | ||
5 | height: auto; | ||
6 | background: $theme-gray-lighter; | ||
7 | padding: 2px 20px 2px 10px; | ||
8 | position: absolute; | ||
9 | // z-index: 100; | ||
10 | box-shadow: 0 0 8px rgba(black, 0.2); | ||
11 | |||
12 | color: $theme-gray-dark; | ||
13 | |||
14 | .status-bar-target-url__content { | ||
15 | height: auto; | ||
16 | |||
17 | .mdi { | ||
18 | margin-right: 5px; | ||
19 | } | ||
20 | } | ||
21 | |||
22 | &.status-bar-target-url--bottom { | ||
23 | order: 10; | ||
24 | bottom: 0; | ||
25 | border-top-right-radius: 5px; | ||
26 | } | ||
27 | |||
28 | &.status-bar-target-url--top { | ||
29 | order: 10; | ||
30 | top: 0; | ||
31 | border-bottom-right-radius: 5px; | ||
32 | } | ||
33 | } | ||