mirror of https://github.com/tootsuite/mastodon
Fix post filter & report styling (#31349)
parent
6ca731e9b6
commit
9538d9c298
|
@ -555,3 +555,7 @@ a.sparkline {
|
||||||
.setting-text {
|
.setting-text {
|
||||||
background: darken($ui-base-color, 10%);
|
background: darken($ui-base-color, 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.report-dialog-modal__textarea {
|
||||||
|
background: darken($ui-base-color, 10%);
|
||||||
|
}
|
||||||
|
|
|
@ -6244,9 +6244,10 @@ a.status-card {
|
||||||
max-width: 90vw;
|
max-width: 90vw;
|
||||||
width: 480px;
|
width: 480px;
|
||||||
height: 80vh;
|
height: 80vh;
|
||||||
background: lighten($ui-secondary-color, 8%);
|
background: var(--background-color);
|
||||||
color: $inverted-text-color;
|
color: $primary-text-color;
|
||||||
border-radius: 8px;
|
border-radius: 4px;
|
||||||
|
border: 1px solid var(--background-border-color);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -6254,7 +6255,7 @@ a.status-card {
|
||||||
|
|
||||||
&__container {
|
&__container {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-top: 1px solid $ui-secondary-color;
|
border-top: 1px solid var(--background-border-color);
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -6284,7 +6285,7 @@ a.status-card {
|
||||||
&__lead {
|
&__lead {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: lighten($inverted-text-color, 16%);
|
color: $secondary-text-color;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -6319,7 +6320,7 @@ a.status-card {
|
||||||
|
|
||||||
.status__content,
|
.status__content,
|
||||||
.status__content p {
|
.status__content p {
|
||||||
color: $inverted-text-color;
|
color: $primary-text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status__content__spoiler-link {
|
.status__content__spoiler-link {
|
||||||
|
@ -6364,7 +6365,7 @@ a.status-card {
|
||||||
.poll__option.dialog-option {
|
.poll__option.dialog-option {
|
||||||
padding: 15px 0;
|
padding: 15px 0;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
border-bottom: 1px solid $ui-secondary-color;
|
border-bottom: 1px solid var(--background-border-color);
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
@ -6372,13 +6373,13 @@ a.status-card {
|
||||||
|
|
||||||
& > .poll__option__text {
|
& > .poll__option__text {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: lighten($inverted-text-color, 16%);
|
color: $secondary-text-color;
|
||||||
|
|
||||||
strong {
|
strong {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
color: $inverted-text-color;
|
color: $primary-text-color;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
|
|
||||||
|
@ -6397,22 +6398,19 @@ a.status-card {
|
||||||
display: block;
|
display: block;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: $inverted-text-color;
|
color: $primary-text-color;
|
||||||
background: $simple-background-color;
|
background: $ui-base-color;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
border: 1px solid var(--background-border-color);
|
||||||
outline: 0;
|
outline: 0;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
|
|
||||||
&::placeholder {
|
|
||||||
color: $dark-text-color;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
@ -6433,16 +6431,16 @@ a.status-card {
|
||||||
}
|
}
|
||||||
|
|
||||||
.button.button-secondary {
|
.button.button-secondary {
|
||||||
border-color: $inverted-text-color;
|
border-color: $ui-button-destructive-background-color;
|
||||||
color: $inverted-text-color;
|
color: $ui-button-destructive-background-color;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active {
|
&:active {
|
||||||
background: transparent;
|
background: $ui-button-destructive-background-color;
|
||||||
border-color: $ui-button-background-color;
|
border-color: $ui-button-destructive-background-color;
|
||||||
color: $ui-button-background-color;
|
color: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -111,7 +111,6 @@
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: none !important;
|
outline: none !important;
|
||||||
border-width: 1px !important;
|
border-width: 1px !important;
|
||||||
border-color: $ui-button-background-color;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-search-cancel-button {
|
&::-webkit-search-cancel-button {
|
||||||
|
|
Loading…
Reference in New Issue