Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-10 07:05:35 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

5
src/less/icons.less
View File

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

5
src/less/select.less
View File

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

21
src/less/slot.less
View File

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