Added styling for when you edit a post
This commit is contained in:
parent
2852e8cd16
commit
94bdc81fcf
3 changed files with 63 additions and 3 deletions
|
@ -1447,7 +1447,7 @@ body.app-body {
|
|||
border-radius: 0;
|
||||
}
|
||||
.app-body .compose-form .autosuggest-textarea__textarea {
|
||||
padding-left: 20px;
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
.app-body .compose-form .autosuggest-textarea__textarea::placeholder {
|
||||
font-size: 130%;
|
||||
|
@ -1532,6 +1532,26 @@ body.app-body {
|
|||
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) {
|
||||
border: 1px solid var(--color-accent-bg);
|
||||
color: var(--color-accent);
|
||||
|
|
|
@ -1447,7 +1447,7 @@ body.app-body {
|
|||
border-radius: 0;
|
||||
}
|
||||
.app-body .compose-form .autosuggest-textarea__textarea {
|
||||
padding-left: 20px;
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
.app-body .compose-form .autosuggest-textarea__textarea::placeholder {
|
||||
font-size: 130%;
|
||||
|
@ -1532,6 +1532,26 @@ body.app-body {
|
|||
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) {
|
||||
border: 1px solid var(--color-accent-bg);
|
||||
color: var(--color-accent);
|
||||
|
|
|
@ -1447,7 +1447,7 @@ body.app-body {
|
|||
border-radius: 0;
|
||||
}
|
||||
.app-body .compose-form .autosuggest-textarea__textarea {
|
||||
padding-left: 20px;
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
.app-body .compose-form .autosuggest-textarea__textarea::placeholder {
|
||||
font-size: 130%;
|
||||
|
@ -1532,6 +1532,26 @@ body.app-body {
|
|||
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) {
|
||||
border: 1px solid var(--color-accent-bg);
|
||||
color: var(--color-accent);
|
||||
|
|
Loading…
Reference in a new issue