Simplify touching help text with touch-screen

This commit is contained in:
Miraty 2020-10-31 16:51:05 +01:00
parent 57ccb96a46
commit a3f5f353b2
1 changed files with 12 additions and 6 deletions

View File

@ -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;