diff options
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/layout.scss | 4 | ||||
-rw-r--r-- | src/styles/services.scss | 20 |
2 files changed, 23 insertions, 1 deletions
diff --git a/src/styles/layout.scss b/src/styles/layout.scss index 49e041022..b5d4d86d0 100644 --- a/src/styles/layout.scss +++ b/src/styles/layout.scss | |||
@@ -82,6 +82,10 @@ body.win32:not(.isFullScreen) .app .app__content { | |||
82 | height: calc(100% - 28px); | 82 | height: calc(100% - 28px); |
83 | } | 83 | } |
84 | 84 | ||
85 | .mode__split .app .app__service { | ||
86 | overflow-x: auto; | ||
87 | } | ||
88 | |||
85 | .app { | 89 | .app { |
86 | .app__content { | 90 | .app__content { |
87 | display: flex; | 91 | display: flex; |
diff --git a/src/styles/services.scss b/src/styles/services.scss index 8b8c27e10..dd053e93d 100644 --- a/src/styles/services.scss +++ b/src/styles/services.scss | |||
@@ -18,6 +18,24 @@ | |||
18 | } | 18 | } |
19 | } | 19 | } |
20 | 20 | ||
21 | .mode__split .services { | ||
22 | display: flex; | ||
23 | overflow: visible; | ||
24 | |||
25 | .services__webview { | ||
26 | position: relative; | ||
27 | flex: 1 0 50%; | ||
28 | |||
29 | @media (min-width: 1280px) { | ||
30 | flex-basis: 33.33%; | ||
31 | } | ||
32 | |||
33 | @media (min-width: 2048px) { | ||
34 | flex-basis: 25%; | ||
35 | } | ||
36 | } | ||
37 | } | ||
38 | |||
21 | .services { | 39 | .services { |
22 | background: #FFF; | 40 | background: #FFF; |
23 | flex: 1; | 41 | flex: 1; |
@@ -71,7 +89,7 @@ | |||
71 | } | 89 | } |
72 | 90 | ||
73 | .services__info-layer { | 91 | .services__info-layer { |
74 | position: absolut; | 92 | position: absolute; |
75 | z-index: 110; | 93 | z-index: 110; |
76 | } | 94 | } |
77 | 95 | ||