focus styling

This commit is contained in:
Niels Lyngsø
2020-02-10 09:19:25 +01:00
parent 124bc27921
commit 1f2b293c59
2 changed files with 5 additions and 5 deletions
@@ -199,8 +199,8 @@ button.umb-variant-switcher__toggle {
cursor: default;
}
.umb-variant-switcher__item:focus,
.umb-variant-switcher__item:focus-within,
.umb-variant-switcher__item:focus .umb-variant-switcher__split-view,
.umb-variant-switcher__item:focus-within .umb-variant-switcher__split-view,
.umb-variant-switcher__item:hover .umb-variant-switcher__split-view,
.umb-variant-switcher__split-view:focus {
display: block;
@@ -233,7 +233,7 @@ button.umb-variant-switcher__toggle {
.umb-variant-switcher__name-wrapper {
font-size: 14px;
text-align: left;
flex: 1;
flex: 1;
cursor: pointer;
background-color: transparent;
border: none;
@@ -63,7 +63,7 @@
<span class="umb-variant-switcher__name" ng-bind="getVariantDisplayName(entry.variant)"></span>
<umb-variant-state variant="entry.variant" class="umb-variant-switcher__state"></umb-variant-state>
</button>
<div ng-if="splitViewOpen !== true && !entry.variant.active" class="umb-variant-switcher__split-view" ng-click="openInSplitView($event, entry.variant)">Open in split view</div>
<div ng-if="splitViewOpen !== true && !entry.variant.active" class="umb-variant-switcher__split-view umb-outline" ng-click="openInSplitView($event, entry.variant)">Open in split view</div>
</umb-dropdown-item>
<div
ng-repeat-end
@@ -79,7 +79,7 @@
<span class="umb-variant-switcher__name" ng-bind="subVariant.segment"></span>
<umb-variant-state variant="subVariant" class="umb-variant-switcher__state"></umb-variant-state>
</button>
<div ng-if="splitViewOpen !== true && !subVariant.active" class="umb-variant-switcher__split-view" ng-click="openInSplitView($event, subVariant)">Open in split view</div>
<div ng-if="splitViewOpen !== true && !subVariant.active" class="umb-variant-switcher__split-view umb-outline" ng-click="openInSplitView($event, subVariant)">Open in split view</div>
</umb-dropdown-item>
</div>
</umb-dropdown>