mirror of
https://github.com/nileane/TangerineUI-for-Mastodon
synced 2024-11-27 14:28:14 +09:00
Added support for Follow Requests
This commit is contained in:
parent
40a33ef73c
commit
7331ed2e69
@ -469,6 +469,11 @@ body.layout-single-column {
|
||||
content: var(--icon-list);
|
||||
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 */
|
||||
.layout-single-column .column-header__button .column-header__icon.fa-user-plus::before {
|
||||
@ -478,13 +483,13 @@ body.layout-single-column {
|
||||
right: -5px;
|
||||
}
|
||||
|
||||
/* Unfollow hashtag icon */
|
||||
.layout-single-column .column-header__button .column-header__icon.fa-user-times::before {
|
||||
/* Unfollow hashtag icon */
|
||||
.layout-single-column .column-header__button .column-header__icon.fa-user-times::before {
|
||||
content: var(--icon-unfollow-hashtag);
|
||||
position: relative;
|
||||
top: 2px;
|
||||
right: -5px
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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, ...
|
||||
----------------------------------------- */
|
||||
.layout-single-column .button,
|
||||
|
@ -469,6 +469,11 @@ body.layout-single-column {
|
||||
content: var(--icon-list);
|
||||
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 */
|
||||
.layout-single-column .column-header__button .column-header__icon.fa-user-plus::before {
|
||||
@ -478,13 +483,13 @@ body.layout-single-column {
|
||||
right: -5px;
|
||||
}
|
||||
|
||||
/* Unfollow hashtag icon */
|
||||
.layout-single-column .column-header__button .column-header__icon.fa-user-times::before {
|
||||
/* Unfollow hashtag icon */
|
||||
.layout-single-column .column-header__button .column-header__icon.fa-user-times::before {
|
||||
content: var(--icon-unfollow-hashtag);
|
||||
position: relative;
|
||||
top: 2px;
|
||||
right: -5px
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -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, ...
|
||||
----------------------------------------- */
|
||||
.layout-single-column .button,
|
||||
|
Loading…
Reference in New Issue
Block a user