yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#3187 - Small UI fixes for the toggle directive (#3188)

Browse Source
This commit is contained in:
Jan Skovgaard
2018-10-09 12:00:29 +02:00
committed by Sebastiaan Janssen
parent b8890aee25
commit 8d35dac9b6
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-toggle.less
View File

@@ -10,6 +10,11 @@
}
}
.umb-toggle:focus .umb-toggle__toggle{
outline: 0;
box-shadow: 0 0 5px fade(@black, 30%);
}
.umb-toggle__handler {
position: absolute;
top: 0;
@@ -43,7 +48,6 @@
/* Labels */
.umb-toggle__label {
font-size: 12px;
color: @gray-2;
}

2
src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-toggle.html
View File

@@ -1,4 +1,4 @@
<button ng-click="click()" type="button" class="umb-toggle dib" ng-class="{'umb-toggle--checked': checked}">
<button ng-click="click()" type="button" class="umb-toggle" ng-class="{'umb-toggle--checked': checked}">
<span ng-if="!labelPosition && showLabels === 'true' || labelPosition === 'left' && showLabels === 'true'">
<span ng-if="!checked" class="umb-toggle__label umb-toggle__label--left">{{ displayLabelOff }}</span>