cybrespace/pinafore
1
0
Fork 1
Code Issues Pull requests Releases Wiki Activity

fix media alt input color on dark theme (#437)

Browse source 
fixes #368
This commit is contained in:
Nolan Lawson 2018-08-17 22:44:53 -07:00 • committed by GitHub
parent 38215470ca
commit 973d0f7d11
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
routes/_components/compose/ComposeMediaItem.html
View file

@ -11,6 +11,7 @@
</div> </div>
<div class="compose-media-alt"> <div class="compose-media-alt">
<input type="text" <input type="text"
class="compose-media-alt-input"
placeholder="Description" placeholder="Description"
aria-label="Describe {mediaItem.file.name} for the visually impaired" aria-label="Describe {mediaItem.file.name} for the visually impaired"
bind:value=rawText bind:value=rawText
@ -42,12 +43,13 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.compose-media-alt input { .compose-media-alt-input {
width: 100%; width: 100%;
font-size: 1.2em; font-size: 1.2em;
background: var(--alt-input-bg); background: var(--alt-input-bg);
color: var(--body-text-color);
} }
.compose-media-alt input:focus { .compose-media-alt-input:focus {
background: var(--main-bg); background: var(--main-bg);
} }
.compose-media-delete { .compose-media-delete {