diff options
author | 2020-10-11 20:16:18 +0200 | |
---|---|---|
committer | 2020-10-11 19:16:18 +0100 | |
commit | 3eb55287d9df74dae7e8196487e7038fec04d4ce (patch) | |
tree | b58ec428c018102b49ee719532a3c27e140d2a78 /src/styles/vertical.scss | |
parent | Improve Ferdi's design (#977) (diff) | |
download | ferdium-app-3eb55287d9df74dae7e8196487e7038fec04d4ce.tar.gz ferdium-app-3eb55287d9df74dae7e8196487e7038fec04d4ce.tar.zst ferdium-app-3eb55287d9df74dae7e8196487e7038fec04d4ce.zip |
Add vertical style and "Always show workspace drawer" setting (#567)
Diffstat (limited to 'src/styles/vertical.scss')
-rw-r--r-- | src/styles/vertical.scss | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/src/styles/vertical.scss b/src/styles/vertical.scss new file mode 100644 index 000000000..55660a088 --- /dev/null +++ b/src/styles/vertical.scss | |||
@@ -0,0 +1,62 @@ | |||
1 | $sidebar-width: 65px; | ||
2 | |||
3 | .sidebar { | ||
4 | width: 100vw; | ||
5 | height: $sidebar-width; | ||
6 | flex-direction: row; | ||
7 | position: absolute; | ||
8 | right: 0; | ||
9 | padding-bottom: 0px; | ||
10 | |||
11 | div:first-of-type { | ||
12 | overflow-x: scroll; | ||
13 | width: 100%; | ||
14 | } | ||
15 | |||
16 | .tabs { | ||
17 | flex-direction: row; | ||
18 | |||
19 | .tab-item { | ||
20 | |||
21 | &.is-active { | ||
22 | border-left-width: 0px; | ||
23 | border-top-width: 4px; | ||
24 | border-top-style: solid; | ||
25 | border-top-color: #7367f0; | ||
26 | padding-left: 4px; | ||
27 | } | ||
28 | |||
29 | &:not(.is-active) { | ||
30 | padding-top: 4px; | ||
31 | } | ||
32 | } | ||
33 | } | ||
34 | |||
35 | .sidebar__button--workspaces.is-active { | ||
36 | position: absolute; | ||
37 | right: 300px; | ||
38 | height: 100%; | ||
39 | background-color: #f7f7f9; | ||
40 | } | ||
41 | } | ||
42 | |||
43 | .app_service { | ||
44 | width: 100vw; | ||
45 | position: absolute; | ||
46 | top: $sidebar-width; | ||
47 | right: 0; | ||
48 | } | ||
49 | |||
50 | .theme__dark { | ||
51 | .sidebar .sidebar__button--workspaces.is-active { | ||
52 | background-color: #2d2f31; | ||
53 | } | ||
54 | } | ||
55 | |||
56 | .darwin .sidebar { | ||
57 | height: $sidebar-width + 22px; | ||
58 | |||
59 | .sidebar__button--workspaces.is-active { | ||
60 | height: $sidebar-width - 22px; | ||
61 | } | ||
62 | } \ No newline at end of file | ||