|
|
@@ -266,19 +266,11 @@ body { |
|
|
|
color: var(--color-text); |
|
|
|
background-color: var(--color-body); |
|
|
|
tab-size: var(--tab-size); |
|
|
|
overflow-y: auto; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
overflow-wrap: break-word; |
|
|
|
} |
|
|
|
|
|
|
|
@supports (overflow: overlay) { |
|
|
|
body { |
|
|
|
overflow: overlay; /* stylelint-disable-line */ |
|
|
|
scrollbar-gutter: stable; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
table { |
|
|
|
border-collapse: collapse; |
|
|
|
} |
|
|
@@ -910,7 +902,7 @@ img.ui.avatar, |
|
|
|
/* overwrite semantic width of containers inside the main page content div (div with class "page-content") */ |
|
|
|
.page-content .ui.ui.ui.container:not(.fluid) { |
|
|
|
width: 1280px; |
|
|
|
max-width: calc(100vw - 64px); |
|
|
|
max-width: calc(100% - 64px); |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
} |
|
|
@@ -922,8 +914,7 @@ img.ui.avatar, |
|
|
|
/* enable fluid page widths for medium size viewports */ |
|
|
|
@media (min-width: 768px) and (max-width: 1200px) { |
|
|
|
.page-content .ui.ui.ui.container:not(.fluid) { |
|
|
|
width: calc(100vw - 32px); |
|
|
|
max-width: calc(100vw - 32px); |
|
|
|
max-width: calc(100% - 32px); |
|
|
|
} |
|
|
|
.ui.container.fluid.padded { |
|
|
|
padding: 0 16px; |
|
|
@@ -932,8 +923,7 @@ img.ui.avatar, |
|
|
|
|
|
|
|
@media (max-width: 767.98px) { |
|
|
|
.page-content .ui.ui.ui.container:not(.fluid) { |
|
|
|
width: calc(100vw - 16px); |
|
|
|
max-width: calc(100vw - 16px); |
|
|
|
max-width: calc(100% - 16px); |
|
|
|
} |
|
|
|
.ui.container.fluid.padded { |
|
|
|
padding: 0 8px; |
|
|
@@ -945,7 +935,6 @@ img.ui.avatar, |
|
|
|
align-items: center; |
|
|
|
background: var(--color-nav-bg); |
|
|
|
border-bottom: 1px solid var(--color-secondary); |
|
|
|
width: 100vw; |
|
|
|
min-height: 52px; |
|
|
|
margin: 0 !important; |
|
|
|
} |