TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-24 19:33:02 +03:00
Code Issues Projects Releases Wiki Activity

Fixed text overflow in the input field

Browse Source
This commit is contained in:
Djordje Vlaisavljevic 2022-05-20 12:09:41 +02:00
parent 80a9a664a7
commit f3b56d092a
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ghost/admin/app/styles/components/koenig.css
View File

@ -2538,8 +2538,13 @@ button.emoji-picker__category-button.active {
.kg-upload-title,
.kg-upload-caption {
width: 100%;
margin: 4px 4px 0;
}
.kg-upload-title,
.kg-upload-caption,
.kg-audio-title {
width: 100%;
padding: 4px 12px;
border: none;
font-size: 1.8rem;
@ -2547,12 +2552,18 @@ button.emoji-picker__category-button.active {
background: transparent;
}
.kg-audio-title {
margin: 4px 0 0;
}
.kg-upload-title:focus,
.kg-upload-caption:focus {
.kg-upload-caption:focus,
.kg-audio-title:focus {
box-shadow: none;
}
.kg-upload-title::placeholder {
.kg-upload-title::placeholder,
.kg-audio-title::placeholder {
font-weight: 700;
}

2
ghost/admin/lib/koenig-editor/addon/components/koenig-card-audio.hbs
View File

@ -105,7 +105,7 @@
<GhTextInput
@value={{@payload.title}}
@input={{action "setAudioTitle" value="target.value"}}
@class="kg-upload-title"
@class="kg-audio-title"
/>
<div class="kg-player">
<button class="kg-player-play-icon" type="button">{{svg-jar "play"}}</button>