chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixes to column border-radius

Browse source
This commit is contained in:
Niléane 2023-07-12 01:09:31 +02:00
commit 2f329127e2
No known key found for this signature in database
1 changed files with 20 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

33
TangerineUI-single-column.css
View file

@ -242,10 +242,30 @@ body.layout-single-column {
.layout-single-column .regeneration-indicator { .layout-single-column .regeneration-indicator {
background: transparent; background: transparent;
} }
/* Round avatars */
.layout-single-column .account__avatar img { .layout-single-column .account__avatar img {
border-radius: 50%; border-radius: 50%;
} }
/* Rordered layout */
.layout-single-column .columns-area__panels__pane--navigational {
order: 1;
}
.layout-single-column .columns-area__panels__main {
order: 2;
}
.layout-single-column .columns-area__panels__pane--compositional {
order: 3;
}
.layout-single-column .columns-area--mobile .column {
height: auto;
}
.layout-single-column .scrollable,
.layout-single-column .column > .scrollable {
border-radius: 7px !important;
max-height: max-content;
}
/* *️⃣ Icons /* *️⃣ Icons
@ -554,10 +574,6 @@ body.layout-single-column {
.layout-single-column .status__info .status__display-name .display-name__account { .layout-single-column .status__info .status__display-name .display-name__account {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .scrollable {
border-radius: 7px;
max-height: max-content;
}
.layout-single-column .status { .layout-single-column .status {
margin-left: 56px; margin-left: 56px;
padding: 0 10px; padding: 0 10px;
@ -1203,15 +1219,6 @@ body.layout-single-column {
.layout-single-column .ui__header__logo svg { .layout-single-column .ui__header__logo svg {
display: none; display: none;
} }
.layout-single-column .columns-area__panels__pane--navigational {
order: 1;
}
.layout-single-column .columns-area__panels__main {
order: 2;
}
.layout-single-column .columns-area__panels__pane--compositional {
order: 3;
}
.layout-single-column .navigation-panel__logo { .layout-single-column .navigation-panel__logo {
margin-bottom: 10px; margin-bottom: 10px;