tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add hint about missing media attachment description in web UI (#17845)

Browse Source
This commit is contained in:
Eugen Rochko
2022-03-22 09:48:12 +01:00
committed by GitHub
parent 69f9dc4f4e
commit 4e9855e09a
2 changed files with 20 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
app/javascript/styles/mastodon/components.scss
View File

@ -596,30 +596,24 @@
display: flex;
align-items: flex-start;
justify-content: space-between;
opacity: 0;
transition: opacity .1s ease;
}
.icon-button {
flex: 0 1 auto;
color: $secondary-text-color;
font-size: 14px;
font-weight: 500;
padding: 10px;
font-family: inherit;
.icon-button {
flex: 0 1 auto;
color: $secondary-text-color;
font-size: 14px;
font-weight: 500;
padding: 10px;
font-family: inherit;
&:hover,
&:focus,
&:active {
color: lighten($secondary-text-color, 7%);
}
}
&.active {
opacity: 1;
&:hover,
&:focus,
&:active {
color: lighten($secondary-text-color, 7%);
}
}
&-description {
&__warning {
position: absolute;
z-index: 2;
bottom: 0;
@ -627,34 +621,6 @@
right: 0;
box-sizing: border-box;
background: linear-gradient(0deg, rgba($base-shadow-color, 0.8) 0, rgba($base-shadow-color, 0.35) 80%, transparent);
padding: 10px;
opacity: 0;
transition: opacity .1s ease;
textarea {
background: transparent;
color: $secondary-text-color;
border: 0;
padding: 0;
margin: 0;
width: 100%;
font-family: inherit;
font-size: 14px;
font-weight: 500;
&:focus {
color: $white;
}
&::placeholder {
opacity: 0.75;
color: $secondary-text-color;
}
}
&.active {
opacity: 1;
}
}
}