Fix stroke-width handling bug in Safari 11 (#138)

* Fix stroke-width handling bug in Safari 11

* Further fix Safari 11 SVG stroke-width issues
This commit is contained in:
Kamen Litchev
2017-08-29 15:29:47 +03:00
committed by strideynet
parent 7ac16d6d22
commit fc012fe68a
3 changed files with 24 additions and 7 deletions

View File

@@ -60,6 +60,9 @@
.summary {
stroke: @fg;
stroke-width: 10;
fill: @fg;
svg {
stroke-width: 10;
}
}

View File

@@ -88,7 +88,6 @@ select {
cursor: pointer;
line-height:@optionSpacing;
color: @primary-disabled;
stroke-width: 0.5em;
stroke: @primary-disabled;
.no-touch &:hover {
@@ -96,6 +95,10 @@ select {
color: @primary;
stroke: @primary;
}
svg {
stroke-width: 0.5em;
}
}
.lc, .c {

View File

@@ -13,7 +13,6 @@
border: 1px solid @primary-disabled;
color: @fg;
stroke: @fg;
stroke-width: 20;
fill: @fg;
.details-container {
@@ -57,11 +56,13 @@
width: 1.2em;
color: @primary-disabled;
stroke: @primary-disabled;
stroke-width: 20;
border-right: 1px solid @primary-disabled;
box-sizing: border-box;
padding-top: 0.2em;
padding-left: 0.05em;
svg {
stroke-width: 20;
}
}
.empty {
@@ -69,16 +70,17 @@
font-size: 1.3em;
color: lighten(@primary-bg, 12%);
stroke: lighten(@primary-bg, 12%);
stroke-width: 20;
text-align: center;
letter-spacing: 0.1em;
line-height: 1.7em;
svg {
stroke-width: 20;
}
}
&.selected {
color: @primary-bg;
stroke: @primary-bg;
stroke-width: 20;
fill: @primary-bg;
background-color: @primary;
border: 1px solid @primary;
@@ -86,13 +88,18 @@
.sz {
color: @primary;
stroke: @primary;
stroke-width: 20;
background-color: @primary-bg;
border-right: 1px solid @primary;
svg {
stroke-width: 20;
}
}
.details {
background-color: transparent;
}
svg {
stroke-width: 20;
}
}
&.eligible {
@@ -144,4 +151,8 @@
background-color: transparent;
}
}
svg {
stroke-width: 20;
}
}