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

Fixed: Follow Requests layout issues.

Browse source
This commit is contained in:
Niléane 2023-08-04 21:16:45 +02:00
commit c38b854a26
No known key found for this signature in database
4 changed files with 76 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

19
TangerineUI-purple.css
View file

@ -1381,6 +1381,12 @@ body.layout-single-column {
color: var(--color-content-fg); color: var(--color-content-fg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-accent-lines);
} }
@media screen and (min-width:890px) {
.layout-single-column .column-back-button--slim + .scrollable .follow_requests-unlocked_explanation {
border-radius: 8px;
margin-top: 13px;
}
}
.layout-single-column .follow_requests-unlocked_explanation a { .layout-single-column .follow_requests-unlocked_explanation a {
color: var(--color-accent); color: var(--color-accent);
} }
@ -1533,6 +1539,19 @@ body.layout-single-column {
background-color: transparent; background-color: transparent;
} }
} }
.layout-single-column .column-back-button--slim-button::after {
display: none;
}
.layout-single-column .column-back-button--slim-button {
top: -47px
}
@media screen and (max-width:1174px) {
.layout-single-column .column-back-button--slim-button {
height: 47px;
}
}
.layout-single-column .load-gap, .layout-single-column .load-gap,
.layout-single-column .load-more { .layout-single-column .load-more {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);

20
TangerineUI.css
View file

@ -1381,6 +1381,12 @@ body.layout-single-column {
color: var(--color-content-fg); color: var(--color-content-fg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-accent-lines);
} }
@media screen and (min-width:890px) {
.layout-single-column .column-back-button--slim + .scrollable .follow_requests-unlocked_explanation {
border-radius: 8px;
margin-top: 13px;
}
}
.layout-single-column .follow_requests-unlocked_explanation a { .layout-single-column .follow_requests-unlocked_explanation a {
color: var(--color-accent); color: var(--color-accent);
} }
@ -1533,6 +1539,19 @@ body.layout-single-column {
background-color: transparent; background-color: transparent;
} }
} }
.layout-single-column .column-back-button--slim-button::after {
display: none;
}
.layout-single-column .column-back-button--slim-button {
top: -47px
}
@media screen and (max-width:1174px) {
.layout-single-column .column-back-button--slim-button {
height: 47px;
}
}
.layout-single-column .load-gap, .layout-single-column .load-gap,
.layout-single-column .load-more { .layout-single-column .load-more {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
@ -2710,7 +2729,6 @@ body.layout-single-column {
right: 0; right: 0;
margin: 0; margin: 0;
width: auto; width: auto;
padding: 12px;
} }
} }

19
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -1381,6 +1381,12 @@ body.layout-single-column {
color: var(--color-content-fg); color: var(--color-content-fg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-accent-lines);
} }
@media screen and (min-width:890px) {
.layout-single-column .column-back-button--slim + .scrollable .follow_requests-unlocked_explanation {
border-radius: 8px;
margin-top: 13px;
}
}
.layout-single-column .follow_requests-unlocked_explanation a { .layout-single-column .follow_requests-unlocked_explanation a {
color: var(--color-accent); color: var(--color-accent);
} }
@ -1533,6 +1539,19 @@ body.layout-single-column {
background-color: transparent; background-color: transparent;
} }
} }
.layout-single-column .column-back-button--slim-button::after {
display: none;
}
.layout-single-column .column-back-button--slim-button {
top: -47px
}
@media screen and (max-width:1174px) {
.layout-single-column .column-back-button--slim-button {
height: 47px;
}
}
.layout-single-column .load-gap, .layout-single-column .load-gap,
.layout-single-column .load-more { .layout-single-column .load-more {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);

20
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -1381,6 +1381,12 @@ body.layout-single-column {
color: var(--color-content-fg); color: var(--color-content-fg);
border: 1px solid var(--color-accent-lines); border: 1px solid var(--color-accent-lines);
} }
@media screen and (min-width:890px) {
.layout-single-column .column-back-button--slim + .scrollable .follow_requests-unlocked_explanation {
border-radius: 8px;
margin-top: 13px;
}
}
.layout-single-column .follow_requests-unlocked_explanation a { .layout-single-column .follow_requests-unlocked_explanation a {
color: var(--color-accent); color: var(--color-accent);
} }
@ -1533,6 +1539,19 @@ body.layout-single-column {
background-color: transparent; background-color: transparent;
} }
} }
.layout-single-column .column-back-button--slim-button::after {
display: none;
}
.layout-single-column .column-back-button--slim-button {
top: -47px
}
@media screen and (max-width:1174px) {
.layout-single-column .column-back-button--slim-button {
height: 47px;
}
}
.layout-single-column .load-gap, .layout-single-column .load-gap,
.layout-single-column .load-more { .layout-single-column .load-more {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
@ -2710,7 +2729,6 @@ body.layout-single-column {
right: 0; right: 0;
margin: 0; margin: 0;
width: auto; width: auto;
padding: 12px;
} }
} }