Fixed minor visual glitch in the Insert URL popup of Froala (#3993)

Credit to @Lavrushin.
This commit is contained in:
Serge 2019-04-20 01:06:47 +03:00 committed by Luke Towers
parent 4abd74febc
commit da8073c945
2 changed files with 5 additions and 1 deletions

View File

@ -174,7 +174,7 @@ body.prevent-scroll.fr-mobile {position:fixed;-webkit-overflow-scrolling:touch}
.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus {border-bottom:solid 2px #1e88e5;margin-bottom:0}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {position:absolute;top:0;left:0;font-size:12px;color:rgba(0,0,0,0);transition:color 0.2s ease 0s;-webkit-transition:color 0.2s ease 0s;-moz-transition:color 0.2s ease 0s;-ms-transition:color 0.2s ease 0s;-o-transition:color 0.2s ease 0s;z-index:3;width:100%;display:block;background:#f9f9f9}
.fr-popup .fr-input-line textarea + label {position:absolute;top:0;left:0;font-size:12px;color:rgba(0,0,0,0);transition:color 0.2s ease 0s;-webkit-transition:color 0.2s ease 0s;-moz-transition:color 0.2s ease 0s;-ms-transition:color 0.2s ease 0s;-o-transition:color 0.2s ease 0s;z-index:3;width:100%;display:block;background:transparent;}
.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {color:#1e88e5}
.fr-popup .fr-input-line input.fr-not-empty + label,

View File

@ -165,6 +165,10 @@ body {
height: auto;
}
input + label, textarea + label {
background: transparent!important;
}
input.fr-not-empty:focus + label, textarea.fr-not-empty:focus + label {
color: @color-label;
}