Consistency of icons

This commit is contained in:
James Barnsley
2018-05-16 21:08:45 +12:00
parent eb89ac29ee
commit 17a1169fd2
19 changed files with 23516 additions and 25465 deletions

View File

@ -282,8 +282,6 @@
}
.context-menu-trigger {
@include animate();
@include gradient_overlay(3px);
display: inline-block;
padding: 14px 12px;
cursor: pointer;
@ -293,32 +291,28 @@
border-radius: 3px;
text-align: center;
.actions & {
@include gradient_overlay(3px);
font-size: 24px;
padding: 2px 10px 1px;
&:hover{
cursor: pointer;
box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
&:before {
opacity: 0.15;
}
}
&:active {
margin-top: 0px;
margin-bottom: -1px;
}
}
h4 &,
h4 &:active {
margin: -8px 0 0 10px;
}
.dot {
width: 6px;
height: 6px;
border-radius: 5px;
background: $white;
display: inline-block;
margin: 1px;
pointer-events: none;
}
&:active {
margin-top: 0px;
margin-bottom: -1px;
}
&:hover{
cursor: pointer;
box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
&:before {
opacity: 0.15;
}
}
}

View File

@ -9,7 +9,7 @@
.label {
.icon {
padding-right: 6px;
padding-right: 8px;
}
&:not(.button) {

View File

@ -43,15 +43,9 @@
.context-menu-trigger {
position: absolute;
top: 6px;
top: 2px;
right: 0;
.dot {
width: 4px;
height: 4px;
margin-left: 0;
}
&:before {
display: none !important;
}

View File

@ -161,23 +161,18 @@
}
&.volume {
bottom: 10px;
bottom: 6px;
right: 20px;
width: 150px;
font-size: 18px;
.modal-trigger {
display: none;
}
.control {
position: absolute;
bottom: 0;
left: 0;
}
.slider-wrapper {
position: absolute;
bottom: 2px;
bottom: 6px;
right: 0;
left: 30px;
}

View File

@ -56,7 +56,7 @@ aside{
border-radius: 3px;
.icon {
padding-right: 6px;
padding-right: 8px;
vertical-align: top;
margin-top: -1px;
font-size: 14px;

View File

@ -10,12 +10,12 @@
.mute-control {
display: inline-block;
float: left;
padding: 0 10px;
padding: 0 5px;
border: 0;
}
.slider-wrapper {
margin-left: 25px;
margin-left: 30px;
}
&.muted {