Borders on modals
This commit is contained in:
parent
3d5cf7e82c
commit
99d8bb6937
4 changed files with 12 additions and 8 deletions
|
|
@ -3594,9 +3594,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
|
|
||||||
/* 🖱️ Interaction modals
|
/* 🖱️ Interaction modals
|
||||||
--------------------- */
|
--------------------- */
|
||||||
|
.layout-single-column .modal-root__modal {
|
||||||
|
border: 1px solid var(--color-lines);
|
||||||
|
}
|
||||||
.layout-single-column .interaction-modal {
|
.layout-single-column .interaction-modal {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
border: 0;
|
|
||||||
}
|
}
|
||||||
.layout-single-column .interaction-modal,
|
.layout-single-column .interaction-modal,
|
||||||
.layout-single-column .interaction-modal__lead h3 {
|
.layout-single-column .interaction-modal__lead h3 {
|
||||||
|
|
@ -3731,7 +3733,6 @@ a:is(.active,
|
||||||
}
|
}
|
||||||
.layout-single-column .report-dialog-modal .poll__option.dialog-option {
|
.layout-single-column .report-dialog-modal .poll__option.dialog-option {
|
||||||
border-color: var(--color-lines);
|
border-color: var(--color-lines);
|
||||||
border-width: 3px;
|
|
||||||
}
|
}
|
||||||
.layout-single-column .report-dialog-modal .dialog-option .poll__input {
|
.layout-single-column .report-dialog-modal .dialog-option .poll__input {
|
||||||
border-color: var(--color-accent);
|
border-color: var(--color-accent);
|
||||||
|
|
|
||||||
|
|
@ -3594,9 +3594,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
|
|
||||||
/* 🖱️ Interaction modals
|
/* 🖱️ Interaction modals
|
||||||
--------------------- */
|
--------------------- */
|
||||||
|
.layout-single-column .modal-root__modal {
|
||||||
|
border: 1px solid var(--color-lines);
|
||||||
|
}
|
||||||
.layout-single-column .interaction-modal {
|
.layout-single-column .interaction-modal {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
border: 0;
|
|
||||||
}
|
}
|
||||||
.layout-single-column .interaction-modal,
|
.layout-single-column .interaction-modal,
|
||||||
.layout-single-column .interaction-modal__lead h3 {
|
.layout-single-column .interaction-modal__lead h3 {
|
||||||
|
|
@ -3731,7 +3733,6 @@ a:is(.active,
|
||||||
}
|
}
|
||||||
.layout-single-column .report-dialog-modal .poll__option.dialog-option {
|
.layout-single-column .report-dialog-modal .poll__option.dialog-option {
|
||||||
border-color: var(--color-lines);
|
border-color: var(--color-lines);
|
||||||
border-width: 3px;
|
|
||||||
}
|
}
|
||||||
.layout-single-column .report-dialog-modal .dialog-option .poll__input {
|
.layout-single-column .report-dialog-modal .dialog-option .poll__input {
|
||||||
border-color: var(--color-accent);
|
border-color: var(--color-accent);
|
||||||
|
|
|
||||||
|
|
@ -3594,9 +3594,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
|
|
||||||
/* 🖱️ Interaction modals
|
/* 🖱️ Interaction modals
|
||||||
--------------------- */
|
--------------------- */
|
||||||
|
.layout-single-column .modal-root__modal {
|
||||||
|
border: 1px solid var(--color-lines);
|
||||||
|
}
|
||||||
.layout-single-column .interaction-modal {
|
.layout-single-column .interaction-modal {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
border: 0;
|
|
||||||
}
|
}
|
||||||
.layout-single-column .interaction-modal,
|
.layout-single-column .interaction-modal,
|
||||||
.layout-single-column .interaction-modal__lead h3 {
|
.layout-single-column .interaction-modal__lead h3 {
|
||||||
|
|
@ -3731,7 +3733,6 @@ a:is(.active,
|
||||||
}
|
}
|
||||||
.layout-single-column .report-dialog-modal .poll__option.dialog-option {
|
.layout-single-column .report-dialog-modal .poll__option.dialog-option {
|
||||||
border-color: var(--color-lines);
|
border-color: var(--color-lines);
|
||||||
border-width: 3px;
|
|
||||||
}
|
}
|
||||||
.layout-single-column .report-dialog-modal .dialog-option .poll__input {
|
.layout-single-column .report-dialog-modal .dialog-option .poll__input {
|
||||||
border-color: var(--color-accent);
|
border-color: var(--color-accent);
|
||||||
|
|
|
||||||
|
|
@ -3594,9 +3594,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
|
||||||
|
|
||||||
/* 🖱️ Interaction modals
|
/* 🖱️ Interaction modals
|
||||||
--------------------- */
|
--------------------- */
|
||||||
|
.layout-single-column .modal-root__modal {
|
||||||
|
border: 1px solid var(--color-lines);
|
||||||
|
}
|
||||||
.layout-single-column .interaction-modal {
|
.layout-single-column .interaction-modal {
|
||||||
background-color: var(--color-content-bg);
|
background-color: var(--color-content-bg);
|
||||||
border: 0;
|
|
||||||
}
|
}
|
||||||
.layout-single-column .interaction-modal,
|
.layout-single-column .interaction-modal,
|
||||||
.layout-single-column .interaction-modal__lead h3 {
|
.layout-single-column .interaction-modal__lead h3 {
|
||||||
|
|
@ -3731,7 +3733,6 @@ a:is(.active,
|
||||||
}
|
}
|
||||||
.layout-single-column .report-dialog-modal .poll__option.dialog-option {
|
.layout-single-column .report-dialog-modal .poll__option.dialog-option {
|
||||||
border-color: var(--color-lines);
|
border-color: var(--color-lines);
|
||||||
border-width: 3px;
|
|
||||||
}
|
}
|
||||||
.layout-single-column .report-dialog-modal .dialog-option .poll__input {
|
.layout-single-column .report-dialog-modal .dialog-option .poll__input {
|
||||||
border-color: var(--color-accent);
|
border-color: var(--color-accent);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue