Simplify touching help text with touch-screen
This commit is contained in:
parent
57ccb96a46
commit
a3f5f353b2
1 changed files with 12 additions and 6 deletions
18
style.less
18
style.less
|
@ -270,21 +270,27 @@ input[type=color] {
|
||||||
/* Help message */
|
/* Help message */
|
||||||
|
|
||||||
.helpImg {
|
.helpImg {
|
||||||
width: 20px;
|
width: 22px;
|
||||||
height: 20px;
|
height: 22px;
|
||||||
margin-bottom: -3px;
|
margin-bottom: -3px;
|
||||||
margin-left: 5px;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.helpButton {
|
.helpButton {
|
||||||
height: 0px;
|
height: 22px;
|
||||||
width: 0px;
|
width: 22px;
|
||||||
color: @secondaryText;
|
color: @secondaryText;
|
||||||
cursor: help;
|
cursor: help;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.helpContainer .helpContent {
|
.helpContainer {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.helpContent {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
transform: scale(0) rotate(-12deg);
|
transform: scale(0) rotate(-12deg);
|
||||||
color: @text;
|
color: @text;
|
||||||
|
|
Loading…
Reference in a new issue