Refined styling for Poll compose form
This commit is contained in:
parent
51213e7408
commit
f9e4f3a3bc
2 changed files with 31 additions and 3 deletions
|
@ -942,6 +942,20 @@ body.layout-single-column {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
color: var(--color-accent-fg);
|
color: var(--color-accent-fg);
|
||||||
}
|
}
|
||||||
|
/* Poll composer */
|
||||||
|
.layout-single-column .compose-form__poll-wrapper,
|
||||||
|
.layout-single-column .compose-form__poll-wrapper .poll__footer {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
.layout-single-column .compose-form__poll-wrapper ul {
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .compose-form__poll-wrapper .autosuggest-input input:focus {
|
||||||
|
box-shadow: 0 0 0 2px var(--color-accent);
|
||||||
|
}
|
||||||
|
.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary {
|
||||||
|
padding: 6px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -602,9 +602,9 @@ body.layout-single-column {
|
||||||
.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
|
.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
.compose-form .compose-form__modifiers .compose-form__upload .icon-button:active,
|
.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:active,
|
||||||
.compose-form .compose-form__modifiers .compose-form__upload .icon-button:focus,
|
.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:focus,
|
||||||
.compose-form .compose-form__modifiers .compose-form__upload .icon-button:hover {
|
.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:hover {
|
||||||
background-color: rgba(0, 0, 0, .4);
|
background-color: rgba(0, 0, 0, .4);
|
||||||
}
|
}
|
||||||
@media screen and (max-width:1174px) {
|
@media screen and (max-width:1174px) {
|
||||||
|
@ -942,6 +942,20 @@ body.layout-single-column {
|
||||||
background-color: var(--color-accent);
|
background-color: var(--color-accent);
|
||||||
color: var(--color-accent-fg);
|
color: var(--color-accent-fg);
|
||||||
}
|
}
|
||||||
|
/* Poll composer */
|
||||||
|
.layout-single-column .compose-form__poll-wrapper,
|
||||||
|
.layout-single-column .compose-form__poll-wrapper .poll__footer {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
.layout-single-column .compose-form__poll-wrapper ul {
|
||||||
|
background-color: var(--color-accent-bg);
|
||||||
|
}
|
||||||
|
.layout-single-column .compose-form__poll-wrapper .autosuggest-input input:focus {
|
||||||
|
box-shadow: 0 0 0 2px var(--color-accent);
|
||||||
|
}
|
||||||
|
.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary {
|
||||||
|
padding: 6px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue