Resizable panels and user prefs

This commit is contained in:
Mo Bitar
2017-12-27 12:17:29 -06:00
parent 38f2e345d9
commit 8c15438d00
16 changed files with 603 additions and 163 deletions

View File

@@ -4,6 +4,11 @@ ul.section-menu-bar {
padding-left: 6px;
padding-right: 21px;
&.no-h-padding {
padding-left: 0px;
padding-right: 0px;
}
user-select: none;
background-color: #f1f1f1;
@@ -29,6 +34,7 @@ ul.section-menu-bar {
&.full-width {
width: 100%;
padding-left: 14px;
}
&.item-with-subtitle {
@@ -43,14 +49,14 @@ ul.section-menu-bar {
font-weight: normal;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /* number of lines to show */
$line-height: 18px;
line-height: $line-height; /* fallback */
max-height: calc(#{$line-height} * 1); /* fallback */
// overflow: hidden;
// text-overflow: ellipsis;
// display: -webkit-box;
// -webkit-box-orient: vertical;
// -webkit-line-clamp: 1; /* number of lines to show */
// $line-height: 18px;
// line-height: $line-height; /* fallback */
// max-height: calc(#{$line-height} * 1); /* fallback */
}
}
@@ -79,9 +85,15 @@ ul.section-menu-bar {
border: none;
width: 280px;
&.full-width {
width: 100%;
}
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 50px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
background-color: white;
color: $selected-text-color;