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

Added styling for when you edit a post

Browse source
This commit is contained in:
Niléane 2024-03-13 11:52:35 +01:00
commit 94bdc81fcf
No known key found for this signature in database
3 changed files with 63 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

22
TangerineUI-cherry.css
View file

@ -1447,7 +1447,7 @@ body.app-body {
border-radius: 0; border-radius: 0;
} }
.app-body .compose-form .autosuggest-textarea__textarea { .app-body .compose-form .autosuggest-textarea__textarea {
padding-left: 20px; padding-inline-start: 20px;
} }
.app-body .compose-form .autosuggest-textarea__textarea::placeholder { .app-body .compose-form .autosuggest-textarea__textarea::placeholder {
font-size: 130%; font-size: 130%;
@ -1532,6 +1532,26 @@ body.app-body {
margin-top: 8px; margin-top: 8px;
} }
.app-body .edit-indicator {
background-color: var(--color-content-secondary-bg);
border-bottom: 0;
gap: 2px;
padding-inline-start: 20px;
padding-bottom: 17px;
}
.app-body .edit-indicator__header {
color: var(--color-content-fg);
}
.app-body .edit-indicator__header > *:not(.edit-indicator__cancel) {
opacity: .7;
}
.app-body .edit-indicator__content {
color: var(--color-content-fg);
}
.app-body .edit-indicator__content a {
color: var(--color-accent);
}
.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) { .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) {
border: 1px solid var(--color-accent-bg); border: 1px solid var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);

22
TangerineUI-purple.css
View file

@ -1447,7 +1447,7 @@ body.app-body {
border-radius: 0; border-radius: 0;
} }
.app-body .compose-form .autosuggest-textarea__textarea { .app-body .compose-form .autosuggest-textarea__textarea {
padding-left: 20px; padding-inline-start: 20px;
} }
.app-body .compose-form .autosuggest-textarea__textarea::placeholder { .app-body .compose-form .autosuggest-textarea__textarea::placeholder {
font-size: 130%; font-size: 130%;
@ -1532,6 +1532,26 @@ body.app-body {
margin-top: 8px; margin-top: 8px;
} }
.app-body .edit-indicator {
background-color: var(--color-content-secondary-bg);
border-bottom: 0;
gap: 2px;
padding-inline-start: 20px;
padding-bottom: 17px;
}
.app-body .edit-indicator__header {
color: var(--color-content-fg);
}
.app-body .edit-indicator__header > *:not(.edit-indicator__cancel) {
opacity: .7;
}
.app-body .edit-indicator__content {
color: var(--color-content-fg);
}
.app-body .edit-indicator__content a {
color: var(--color-accent);
}
.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) { .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) {
border: 1px solid var(--color-accent-bg); border: 1px solid var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);

22
TangerineUI.css
View file

@ -1447,7 +1447,7 @@ body.app-body {
border-radius: 0; border-radius: 0;
} }
.app-body .compose-form .autosuggest-textarea__textarea { .app-body .compose-form .autosuggest-textarea__textarea {
padding-left: 20px; padding-inline-start: 20px;
} }
.app-body .compose-form .autosuggest-textarea__textarea::placeholder { .app-body .compose-form .autosuggest-textarea__textarea::placeholder {
font-size: 130%; font-size: 130%;
@ -1532,6 +1532,26 @@ body.app-body {
margin-top: 8px; margin-top: 8px;
} }
.app-body .edit-indicator {
background-color: var(--color-content-secondary-bg);
border-bottom: 0;
gap: 2px;
padding-inline-start: 20px;
padding-bottom: 17px;
}
.app-body .edit-indicator__header {
color: var(--color-content-fg);
}
.app-body .edit-indicator__header > *:not(.edit-indicator__cancel) {
opacity: .7;
}
.app-body .edit-indicator__content {
color: var(--color-content-fg);
}
.app-body .edit-indicator__content a {
color: var(--color-accent);
}
.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) { .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) {
border: 1px solid var(--color-accent-bg); border: 1px solid var(--color-accent-bg);
color: var(--color-accent); color: var(--color-accent);