mirror of
https://github.com/imputnet/cobalt.git
synced 2025-02-17 19:00:13 +00:00
web/layout: fix content rounded corners in RTL layout
This commit is contained in:
parent
620bd24243
commit
c9833a358b
|
@ -278,21 +278,30 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
background-color: var(--primary);
|
background-color: var(--primary);
|
||||||
|
|
||||||
border-top-left-radius: var(--border-radius);
|
border-top-left-radius: var(--border-radius);
|
||||||
border-bottom-left-radius: var(--border-radius);
|
border-bottom-left-radius: var(--border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#content:dir(rtl) {
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-top-right-radius: var(--border-radius);
|
||||||
|
border-bottom-right-radius: var(--border-radius);
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 535px) {
|
@media screen and (max-width: 535px) {
|
||||||
#cobalt {
|
#cobalt {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: unset;
|
grid-template-columns: unset;
|
||||||
grid-template-rows: 1fr var(--sidebar-height-mobile);
|
grid-template-rows: 1fr var(--sidebar-height-mobile);
|
||||||
}
|
}
|
||||||
#content {
|
|
||||||
|
#content,
|
||||||
|
#content:dir(rtl) {
|
||||||
padding-top: env(safe-area-inset-top);
|
padding-top: env(safe-area-inset-top);
|
||||||
order: -1;
|
order: -1;
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
border-bottom-left-radius: calc(var(--border-radius) * 2);
|
border-bottom-left-radius: calc(var(--border-radius) * 2);
|
||||||
border-bottom-right-radius: calc(var(--border-radius) * 2);
|
border-bottom-right-radius: calc(var(--border-radius) * 2);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue