aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2021-03-30 16:18:29 +0300
committerGravatar Vitaly Takmazov2021-03-30 16:18:29 +0300
commitf8103171aca791f4aacab8311bad26d6b4773ac2 (patch)
tree704f9a1dace530d21a63c90e66236c5dc72d1cc2 /src
parentb4bac6106acedf660d4b8b590ee4500ff51ec7f4 (diff)
Use mobile view where sticky is not supported (ie11)
Diffstat (limited to 'src')
-rw-r--r--src/main/assets/style.css112
1 files changed, 57 insertions, 55 deletions
diff --git a/src/main/assets/style.css b/src/main/assets/style.css
index a1491ed4..43ce7cfa 100644
--- a/src/main/assets/style.css
+++ b/src/main/assets/style.css
@@ -999,60 +999,62 @@ article p {
}
@media (--viewport-desktop) {
- #column {
- position: sticky;
- padding: 12px;
- height: 100%;
- z-index: auto;
- overflow-y: auto;
- }
- article,
- .page,
- .msg-cont {
- width: 640px;
- }
- #sidebar_wrapper {
- position: fixed;
- width: 300px;
- overflow-y: auto;
- height: 100%;
- display: flex;
- flex-direction: column;
- }
- #header_wrapper,
- #content_wrapper {
- width: 1000px;
- margin: 0 auto;
- }
- #content_wrapper {
- display: flex;
- margin: 66px auto 0;
- }
- #footer {
- padding: 10px;
- }
- .desktop {
- display: block;
- }
- .mobile {
- display: none;
- }
- #content {
- padding-bottom: 12px;
- width: 100%;
- }
- .toolbar {
- flex-direction: column;
- justify-content: initial;
- border-top: initial;
- }
- .toolbar a,
- .l a {
- border-top: initial;
- border-right: 2px solid transparent;
- }
- .toolbar a:hover {
- border-top: initial;
- border-right: 2px solid #ff339a;
+ @supports (position: sticky) {
+ #column {
+ position: sticky;
+ padding: 12px;
+ height: 100%;
+ z-index: auto;
+ overflow-y: auto;
+ }
+ article,
+ .page,
+ .msg-cont {
+ width: 640px;
+ }
+ #sidebar_wrapper {
+ position: fixed;
+ width: 300px;
+ overflow-y: auto;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ }
+ #header_wrapper,
+ #content_wrapper {
+ width: 1000px;
+ margin: 0 auto;
+ }
+ #content_wrapper {
+ display: flex;
+ margin: 66px auto 0;
+ }
+ #footer {
+ padding: 10px;
+ }
+ .desktop {
+ display: block;
+ }
+ .mobile {
+ display: none;
+ }
+ #content {
+ padding-bottom: 12px;
+ width: 100%;
+ }
+ .toolbar {
+ flex-direction: column;
+ justify-content: initial;
+ border-top: initial;
+ }
+ .toolbar a,
+ .l a {
+ border-top: initial;
+ border-right: 2px solid transparent;
+ }
+ .toolbar a:hover {
+ border-top: initial;
+ border-right: 2px solid #ff339a;
+ }
}
}