ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Menu design tweaks, moved logic into plugins

Browse Source
This commit is contained in:
Sam Potts
2017-11-05 01:02:10 +11:00
parent 13d3037a53
commit 3930ebb339
13 changed files with 68 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/less/components/menus.less
View File

@ -30,7 +30,7 @@
animation: plyr-popup 0.2s ease;
background: @plyr-menu-bg;
border-radius: 4px;
box-shadow: 0 1px 2px fade(#000, 20%);
box-shadow: @plyr-menu-shadow;
white-space: nowrap;
text-align: left;
color: @plyr-menu-color;
@ -117,8 +117,8 @@
height: 1px;
overflow: hidden;
margin-top: ceil(@plyr-control-padding / 2);
background: fade(#000, 15%);
box-shadow: 0 1px 0 fade(#fff, 10%);
background: @plyr-menu-border-color;
box-shadow: 0 1px 0 @plyr-menu-border-shadow-color;
}
&.tab-focus::after,

2
src/less/components/tooltips.less
View File

@ -12,7 +12,7 @@
opacity: 0;
background: @plyr-tooltip-bg;
border-radius: @plyr-tooltip-radius;
box-shadow: 0 1px 2px fade(#000, 10%);
box-shadow: @plyr-tooltip-shadow;
color: @plyr-tooltip-color;
font-size: @plyr-font-size-small;
font-weight: @plyr-font-weight-normal;

4
src/less/settings.less
View File

@ -48,11 +48,15 @@
@plyr-tooltip-padding: (@plyr-control-spacing / 2);
@plyr-tooltip-arrow-size: 4px;
@plyr-tooltip-radius: 3px;
@plyr-tooltip-shadow: 0 1px 2px fade(#000, 15%);
// Menus
@plyr-menu-bg: @plyr-tooltip-bg;
@plyr-menu-color: @plyr-tooltip-color;
@plyr-menu-arrow-size: 6px;
@plyr-menu-border-color: #b6c5cd;
@plyr-menu-border-shadow-color: #fff;
@plyr-menu-shadow: 0 1px 2px fade(#000, 15%);
// Progress
@plyr-progress-loading-size: 25px;