Focused state for custom checkbox (Closes #604)

This commit is contained in:
RainLoop Team 2015-04-25 17:50:10 +04:00
parent 48b91fb957
commit a11dcbed4b
25 changed files with 209 additions and 65 deletions

View file

@ -6,8 +6,15 @@
}
.flag-name {
border-bottom: 1px dashed #555;
cursor: pointer;
padding: 2px;
&:focus {
outline: 1px;
outline-style: dotted;
}
}
}

View file

@ -37,13 +37,36 @@
.e-component {
&.e-select {
select:focus {
outline: 1px;
outline-style: dotted;
}
}
&.e-checkbox {
margin-bottom: 6px;
margin-left: -2px;
padding: 2px;
cursor: pointer;
&:focus {
outline: 1px;
outline-style: dotted;
}
.e-checkbox-icon {
padding: 1px 0 0 1px;
}
&.disabled {
cursor: default;
color: #999;
outline: 0;
outline-style: none;
}
}
@ -60,11 +83,12 @@
.e-component.material-design {
margin-top: 2px;
margin-bottom: 6px;
&.e-checkbox {
margin-top: 2px;
padding: 2px 2px 1px 2px;
.sub-checkbox-container {
display: inline-block;
position: relative;

View file

@ -60,7 +60,11 @@
}
}
.signMeLabel, .languageLabel {
.languageLabel {
margin-top: 5px;
}
.signMeLabel .e-checkbox {
margin-top: 5px;
}

View file

@ -22,5 +22,11 @@
.flag-name {
border-bottom: 1px dashed #555;
cursor: pointer;
padding: 2px;
&:focus {
outline: 1px;
outline-style: dotted;
}
}
}

View file

@ -21,6 +21,12 @@
color: #336699;
text-decoration: underline;
cursor: pointer;
padding: 2px;
&:focus {
outline: 1px;
outline-style: dotted;
}
}
.g-ui-min-height-300 {
@ -181,12 +187,21 @@ e-spinner {
}
.e-languages {
margin-top: 8px;
color: #333;
.flag-name {
color: #333;
/*text-decoration: underline;*/
border-bottom: 1px dashed #333;
cursor: pointer;
padding: 2px;
&:focus {
outline: 1px;
outline-style: dotted;
}
}
}

View file

@ -7,7 +7,7 @@ label {
cursor: pointer;
}
label.inline {
label.inline, span.inline {
display: inline-block;
}