Merge pull request #614 from gconsidine/ui/fix/toggle-button-container

Adjust style of toggle button to accommodate text that exceeds 42px
This commit is contained in:
Greg Considine
2017-12-11 16:09:44 -05:00
committed by GitHub

View File

@@ -13,12 +13,10 @@
border-radius: 5px; border-radius: 5px;
border: 1px solid @default-link; border: 1px solid @default-link;
background-color: @default-link; background-color: @default-link;
width: 42px;
margin-top: 2px; margin-top: 2px;
cursor: pointer; cursor: pointer;
display: flex; display: inline-block;
height: 18px; min-width: 42px;
overflow: hidden;
&.ScheduleToggle--disabled { &.ScheduleToggle--disabled {
cursor: not-allowed; cursor: not-allowed;
@@ -42,10 +40,11 @@
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
padding-top: 0px; padding-top: 0px;
margin-top: 0px;
border-top: 0px; border-top: 0px;
border-bottom: 0px; border-bottom: 0px;
border-right: 0px; border-right: 0px;
display: inline-block;
height: 22px;
} }
.ScheduleToggle.is-on { .ScheduleToggle.is-on {