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

Fixes to the lists tab + composer

Browse source
This commit is contained in:
Niléane 2023-12-19 21:34:08 +01:00
commit a2d78c6462
No known key found for this signature in database
3 changed files with 57 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

35
TangerineUI-cherry.css
View file

@ -1088,11 +1088,7 @@ body.app-body {
} }
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body .compose-form { .app-body .compose-form {
padding: 0 10px 10px; padding: 15px;
}
.app-body .navigation-bar {
border-radius: 8px 8px 0 0;
margin: 10px 10px 0;
} }
} }
@ -1145,7 +1141,7 @@ body.app-body {
} }
.app-body .compose-form__poll__footer { .app-body .compose-form__poll__footer {
margin-top: 5px; margin-top: 5px;
padding-inline-start: 25px; padding-inline-start: 51px;
} }
.app-body .compose-form__poll__select__label { .app-body .compose-form__poll__select__label {
color: var(--color-content-fg) color: var(--color-content-fg)
@ -2912,12 +2908,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
background-color: transparent; background-color: transparent;
transform-origin: center;
transition: .2s transform;
} }
.app-body .app-body
.navigation-panel:has(> *:nth-child(4):last-child) .navigation-panel:has(> *:nth-child(4):last-child)
:is(.column-link, .navigation-panel__legal) { :is(.column-link, .navigation-panel__legal) {
flex: 50vw; flex: 50vw;
} }
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal):active {
transform: scale(.9);
}
.app-body .app-body
.navigation-panel:has(> *:nth-child(5):last-child) .navigation-panel:has(> *:nth-child(5):last-child)
:is(.column-link, .navigation-panel__legal), :is(.column-link, .navigation-panel__legal),
@ -3759,27 +3760,24 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* 📋 Lists tab */ /* 📋 Lists tab */
.app-body .column-inline-form { .app-body .column-inline-form {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-lines);
} border-bottom: 0;
@media screen and (max-width:1174px) {
.app-body .column-inline-form {
margin-top: 10px;
}
} }
@media screen and (max-width:889px) { @media screen and (max-width:889px) {
.app-body .column-inline-form { .app-body .column-inline-form {
margin-left: 10px; border-left: 0;
margin-right: 10px; border-right: 0;
} }
} }
.app-body .column-inline-form label :is(input, input:focus) { .app-body .column-inline-form label :is(input, input:focus) {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
border-radius: 8px; border-radius: 8px;
border: 1px solid var(--color-lines);
} }
.app-body .column-inline-form label input:focus { .app-body .column-inline-form label input:focus {
box-shadow: 0 0 0 1px var(--color-accent); border-color: var(--color-accent);
} }
.app-body :is(.column-subheading, .columns-area__panels__main .column-link) { .app-body :is(.column-subheading, .columns-area__panels__main .column-link) {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
@ -3801,11 +3799,16 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-radius: 0; border-radius: 0;
} }
} }
.app-body .list-editor {
background-color: var(--color-content-bg);
}
.app-body .list-editor .drawer__inner { .app-body .list-editor .drawer__inner {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-radius: 0;
} }
.app-body .list-editor__search { .app-body .list-editor__search {
margin: 10px; margin: 10px;
background-color: var(--color-content-bg);
} }
.app-body .list-editor .column-inline-form { .app-body .list-editor .column-inline-form {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);

35
TangerineUI-purple.css
View file

@ -1088,11 +1088,7 @@ body.app-body {
} }
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body .compose-form { .app-body .compose-form {
padding: 0 10px 10px; padding: 15px;
}
.app-body .navigation-bar {
border-radius: 8px 8px 0 0;
margin: 10px 10px 0;
} }
} }
@ -1145,7 +1141,7 @@ body.app-body {
} }
.app-body .compose-form__poll__footer { .app-body .compose-form__poll__footer {
margin-top: 5px; margin-top: 5px;
padding-inline-start: 25px; padding-inline-start: 51px;
} }
.app-body .compose-form__poll__select__label { .app-body .compose-form__poll__select__label {
color: var(--color-content-fg) color: var(--color-content-fg)
@ -2912,12 +2908,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
background-color: transparent; background-color: transparent;
transform-origin: center;
transition: .2s transform;
} }
.app-body .app-body
.navigation-panel:has(> *:nth-child(4):last-child) .navigation-panel:has(> *:nth-child(4):last-child)
:is(.column-link, .navigation-panel__legal) { :is(.column-link, .navigation-panel__legal) {
flex: 50vw; flex: 50vw;
} }
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal):active {
transform: scale(.9);
}
.app-body .app-body
.navigation-panel:has(> *:nth-child(5):last-child) .navigation-panel:has(> *:nth-child(5):last-child)
:is(.column-link, .navigation-panel__legal), :is(.column-link, .navigation-panel__legal),
@ -3759,27 +3760,24 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* 📋 Lists tab */ /* 📋 Lists tab */
.app-body .column-inline-form { .app-body .column-inline-form {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-lines);
} border-bottom: 0;
@media screen and (max-width:1174px) {
.app-body .column-inline-form {
margin-top: 10px;
}
} }
@media screen and (max-width:889px) { @media screen and (max-width:889px) {
.app-body .column-inline-form { .app-body .column-inline-form {
margin-left: 10px; border-left: 0;
margin-right: 10px; border-right: 0;
} }
} }
.app-body .column-inline-form label :is(input, input:focus) { .app-body .column-inline-form label :is(input, input:focus) {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
border-radius: 8px; border-radius: 8px;
border: 1px solid var(--color-lines);
} }
.app-body .column-inline-form label input:focus { .app-body .column-inline-form label input:focus {
box-shadow: 0 0 0 1px var(--color-accent); border-color: var(--color-accent);
} }
.app-body :is(.column-subheading, .columns-area__panels__main .column-link) { .app-body :is(.column-subheading, .columns-area__panels__main .column-link) {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
@ -3801,11 +3799,16 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-radius: 0; border-radius: 0;
} }
} }
.app-body .list-editor {
background-color: var(--color-content-bg);
}
.app-body .list-editor .drawer__inner { .app-body .list-editor .drawer__inner {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-radius: 0;
} }
.app-body .list-editor__search { .app-body .list-editor__search {
margin: 10px; margin: 10px;
background-color: var(--color-content-bg);
} }
.app-body .list-editor .column-inline-form { .app-body .list-editor .column-inline-form {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);

35
TangerineUI.css
View file

@ -1088,11 +1088,7 @@ body.app-body {
} }
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
.app-body .compose-form { .app-body .compose-form {
padding: 0 10px 10px; padding: 15px;
}
.app-body .navigation-bar {
border-radius: 8px 8px 0 0;
margin: 10px 10px 0;
} }
} }
@ -1145,7 +1141,7 @@ body.app-body {
} }
.app-body .compose-form__poll__footer { .app-body .compose-form__poll__footer {
margin-top: 5px; margin-top: 5px;
padding-inline-start: 25px; padding-inline-start: 51px;
} }
.app-body .compose-form__poll__select__label { .app-body .compose-form__poll__select__label {
color: var(--color-content-fg) color: var(--color-content-fg)
@ -2912,12 +2908,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;
background-color: transparent; background-color: transparent;
transform-origin: center;
transition: .2s transform;
} }
.app-body .app-body
.navigation-panel:has(> *:nth-child(4):last-child) .navigation-panel:has(> *:nth-child(4):last-child)
:is(.column-link, .navigation-panel__legal) { :is(.column-link, .navigation-panel__legal) {
flex: 50vw; flex: 50vw;
} }
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal):active {
transform: scale(.9);
}
.app-body .app-body
.navigation-panel:has(> *:nth-child(5):last-child) .navigation-panel:has(> *:nth-child(5):last-child)
:is(.column-link, .navigation-panel__legal), :is(.column-link, .navigation-panel__legal),
@ -3759,27 +3760,24 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* 📋 Lists tab */ /* 📋 Lists tab */
.app-body .column-inline-form { .app-body .column-inline-form {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-lines);
} border-bottom: 0;
@media screen and (max-width:1174px) {
.app-body .column-inline-form {
margin-top: 10px;
}
} }
@media screen and (max-width:889px) { @media screen and (max-width:889px) {
.app-body .column-inline-form { .app-body .column-inline-form {
margin-left: 10px; border-left: 0;
margin-right: 10px; border-right: 0;
} }
} }
.app-body .column-inline-form label :is(input, input:focus) { .app-body .column-inline-form label :is(input, input:focus) {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
border-radius: 8px; border-radius: 8px;
border: 1px solid var(--color-lines);
} }
.app-body .column-inline-form label input:focus { .app-body .column-inline-form label input:focus {
box-shadow: 0 0 0 1px var(--color-accent); border-color: var(--color-accent);
} }
.app-body :is(.column-subheading, .columns-area__panels__main .column-link) { .app-body :is(.column-subheading, .columns-area__panels__main .column-link) {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
@ -3801,11 +3799,16 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
border-radius: 0; border-radius: 0;
} }
} }
.app-body .list-editor {
background-color: var(--color-content-bg);
}
.app-body .list-editor .drawer__inner { .app-body .list-editor .drawer__inner {
background-color: var(--color-content-bg); background-color: var(--color-content-bg);
border-radius: 0;
} }
.app-body .list-editor__search { .app-body .list-editor__search {
margin: 10px; margin: 10px;
background-color: var(--color-content-bg);
} }
.app-body .list-editor .column-inline-form { .app-body .list-editor .column-inline-form {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);