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

Merge pull request #16 from nileane/follow-requests

Browse source 
Added support for Follow Requests
This commit is contained in:
Niléane 2023-07-13 01:07:53 +02:00 committed by GitHub
commit e008d74255
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 86 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
TangerineUI-purple.css
View file

@ -469,6 +469,11 @@ body.layout-single-column {
content: var(--icon-list); content: var(--icon-list);
background-image: none; background-image: none;
} }
/* Follow Requests icon */
.layout-single-column .column-link .fa-user-plus::before {
content: var(--icon-users-column-link);
background-image: none;
}
/* Follow hashtag icon */ /* Follow hashtag icon */
.layout-single-column .column-header__button .column-header__icon.fa-user-plus::before { .layout-single-column .column-header__button .column-header__icon.fa-user-plus::before {
@ -1854,6 +1859,41 @@ body.layout-single-column {
} }
/* Follow requests */
.layout-single-column #Follow-requests {
margin-bottom: 0;
z-index: 0;
}
.layout-single-column .account-authorize__wrapper {
margin: 10px 0;
}
.layout-single-column .account-authorize {
background-color: var(--color-content-bg);
border-radius: 7px 7px 0 0;
padding: 20px
}
.layout-single-column .account--panel {
background-color: var(--color-accent-bg);
border: 0;
border-radius: 0 0 7px 7px;
}
.layout-single-column .account__header__content {
color: var(--color-content-fg);
}
.layout-single-column .account--panel__button:first-child .icon-button {
color: var(--color-accent);
}
@media screen and (max-width:1174px) {
.layout-single-column #Follow-requests + .column-back-button--slim .column-back-button {
position: absolute;
right: 0;
margin: 0;
width: auto;
padding: 12px;
}
}
/* ⏺️ Other UI components : buttons, toggles, ... /* ⏺️ Other UI components : buttons, toggles, ...
----------------------------------------- */ ----------------------------------------- */
.layout-single-column .button, .layout-single-column .button,

40
TangerineUI.css
View file

@ -469,6 +469,11 @@ body.layout-single-column {
content: var(--icon-list); content: var(--icon-list);
background-image: none; background-image: none;
} }
/* Follow Requests icon */
.layout-single-column .column-link .fa-user-plus::before {
content: var(--icon-users-column-link);
background-image: none;
}
/* Follow hashtag icon */ /* Follow hashtag icon */
.layout-single-column .column-header__button .column-header__icon.fa-user-plus::before { .layout-single-column .column-header__button .column-header__icon.fa-user-plus::before {
@ -1854,6 +1859,41 @@ body.layout-single-column {
} }
/* Follow requests */
.layout-single-column #Follow-requests {
margin-bottom: 0;
z-index: 0;
}
.layout-single-column .account-authorize__wrapper {
margin: 10px 0;
}
.layout-single-column .account-authorize {
background-color: var(--color-content-bg);
border-radius: 7px 7px 0 0;
padding: 20px
}
.layout-single-column .account--panel {
background-color: var(--color-accent-bg);
border: 0;
border-radius: 0 0 7px 7px;
}
.layout-single-column .account__header__content {
color: var(--color-content-fg);
}
.layout-single-column .account--panel__button:first-child .icon-button {
color: var(--color-accent);
}
@media screen and (max-width:1174px) {
.layout-single-column #Follow-requests + .column-back-button--slim .column-back-button {
position: absolute;
right: 0;
margin: 0;
width: auto;
padding: 12px;
}
}
/* ⏺️ Other UI components : buttons, toggles, ... /* ⏺️ Other UI components : buttons, toggles, ...
----------------------------------------- */ ----------------------------------------- */
.layout-single-column .button, .layout-single-column .button,