restyle of menu

This commit is contained in:
Ilya Daynatovich 2016-10-20 15:32:08 +03:00
parent 70861465e1
commit 0e8297ea8d
4 changed files with 7 additions and 8 deletions

View File

@ -12,7 +12,8 @@
.connection-info .connection-info
{ {
float: left; float: left;
padding-bottom: 5px; padding: 5px;
padding-left: 0;
@extend %connection-info; @extend %connection-info;
> table { > table {

View File

@ -6,12 +6,10 @@
display: none; display: none;
max-width: 300px; max-width: 300px;
min-width: 100px; min-width: 100px;
padding: 1px;
text-align: left; text-align: left;
color: $popoverFontColor; color: $popoverFontColor;
background-color: $popoverBg; background-color: $popoverBg;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid $popoverBg;
border-radius: 3px; border-radius: 3px;
/*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/ /*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/ /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/

View File

@ -1,7 +1,7 @@
/*Initialize*/ /*Initialize*/
ul.popupmenu { ul.popupmenu {
padding: 0px 10px 0px 10px; padding: 0;
margin: 0; margin: 2px 0;
bottom: 0; bottom: 0;
width: 100px; width: 100px;
height: auto; height: auto;
@ -13,8 +13,7 @@ ul.popupmenu li {
} }
ul.popupmenu li:hover { ul.popupmenu li:hover {
background-color: rgba(256, 256, 256, .2); background-color: $popupMenuSelectedItemBackground;
border-radius:3px;
} }
/*Link Appearance*/ /*Link Appearance*/

View File

@ -54,3 +54,4 @@ $dropdownColor: #333;
// Popover colors // Popover colors
$popoverBg: #000; $popoverBg: #000;
$popoverFontColor: #ffffff; $popoverFontColor: #ffffff;
$popupMenuSelectedItemBackground: rgba(256, 256, 256, .2);