Refactor the css so that embedded images are optimally loaded
Change-Id: If19d20fb22afafbf62c355394dcda825a0151ac6
This commit is contained in:
committed by
Niklas Laxström
parent
50eb932756
commit
81c4dfe848
@@ -125,3 +125,30 @@ div.input-settings-block {
|
||||
.uls-input-settings .uls-ime-help {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* Ime menu customizations */
|
||||
.ime-perime-help {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ime-checked .ime-perime-help {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
opacity: 0.75;
|
||||
padding: 0;
|
||||
/* @embed */
|
||||
background: transparent url('../images/help.png') left center no-repeat;
|
||||
/* @embed */
|
||||
background-image: -webkit-linear-gradient(transparent, transparent), url('../images/help.svg');
|
||||
/* @embed */
|
||||
background-image: linear-gradient(transparent, transparent), url('../images/help.svg');
|
||||
}
|
||||
|
||||
.ime-checked .ime-perime-help:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user