Skip to content

Commit 0001bdf

Browse files
author
Ilya Radchenko
committed
fix(styles): button icons moving out of buttons
1 parent 7f1adea commit 0001bdf

File tree

3 files changed

+10
-9
lines changed

3 files changed

+10
-9
lines changed

client/styles/button.less

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -58,20 +58,21 @@
5858
width: 1.5em;
5959
}
6060

61+
// two areas below commented to fix icon issue
6162
.button .icon:first-child:not(:last-child) {
62-
margin-left: calc(-0.375em - 1px);
63+
//margin-left: calc(-0.375em - 1px);
6364
margin-right: 0.1875em;
6465
}
6566

6667
.button .icon:last-child:not(:first-child) {
6768
margin-left: 0.1875em;
6869
margin-right: calc(-0.375em - 1px);
6970
}
70-
71+
/*
7172
.button .icon:first-child:last-child {
7273
margin-left: calc(-0.375em - 1px);
7374
margin-right: calc(-0.375em - 1px);
74-
}
75+
}*/
7576

7677
.button:hover, .button.is-hovered {
7778
border-color: #b5b5b5;

client/styles/strider.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ h3 {
2323
}
2424

2525
.wrap {
26-
min-height: 100% !important;
26+
min-height: ~'calc(100vh - 124px)';
2727
}
2828

2929
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],

dist/styles/styles.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9388,17 +9388,17 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
93889388
width: 1.5em;
93899389
}
93909390
.button .icon:first-child:not(:last-child) {
9391-
margin-left: calc(-1.375em);
93929391
margin-right: 0.1875em;
93939392
}
93949393
.button .icon:last-child:not(:first-child) {
93959394
margin-left: 0.1875em;
93969395
margin-right: calc(-1.375em);
93979396
}
9397+
/*
93989398
.button .icon:first-child:last-child {
9399-
margin-left: calc(-1.375em);
9400-
margin-right: calc(-1.375em);
9401-
}
9399+
margin-left: calc(-0.375em - 1px);
9400+
margin-right: calc(-0.375em - 1px);
9401+
}*/
94029402
.button:hover,
94039403
.button.is-hovered {
94049404
border-color: #b5b5b5;
@@ -10826,7 +10826,7 @@ h3 {
1082610826
font-weight: normal;
1082710827
}
1082810828
.wrap {
10829-
min-height: 100% !important;
10829+
min-height: calc(100vh - 124px);
1083010830
}
1083110831
[ng\:cloak],
1083210832
[ng-cloak],

0 commit comments

Comments
 (0)