Skip to content

Commit

Permalink
Add maximum-height to template dropdown (#784)
Browse files Browse the repository at this point in the history
  • Loading branch information
@danrot @alexander-schranz
danrot authored and alexander-schranz committed Dec 5, 2019
1 parent f463544 commit 29fb792
Show file tree
Hide file tree
Showing 3 changed files with 48 additions and 46 deletions.
91 changes: 46 additions & 45 deletions dist/husky.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9420,6 +9420,7 @@ a[data-badge]:after {
display: none;
position: absolute;
overflow: auto;
max-height: 350px;
top: 100%;
left: 0;
min-width: 160px;
Expand All @@ -9433,12 +9434,12 @@ a[data-badge]:after {
-webkit-box-shadow: rgba(0, 0, 0, 0.08) 2px 2px 0px 0px;
box-shadow: rgba(0, 0, 0, 0.08) 2px 2px 0px 0px;
}
/* line 264, ../scss/modules/toolbar.scss */
/* line 265, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu.right-aligned {
left: auto;
right: 0;
}
/* line 269, ../scss/modules/toolbar.scss */
/* line 270, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li {
display: list-item;
float: none;
Expand All @@ -9452,47 +9453,47 @@ a[data-badge]:after {
padding: 0 20px;
text-align: left;
}
/* line 282, ../scss/modules/toolbar.scss */
/* line 283, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li a {
color: black;
text-decoration: none;
padding: 0;
}
/* line 288, ../scss/modules/toolbar.scss */
/* line 289, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.is-selected, .husky-toolbar .toolbar-dropdown-menu li:hover {
background-color: #52B6CA;
color: #fff;
}
/* line 292, ../scss/modules/toolbar.scss */
/* line 293, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.is-selected a, .husky-toolbar .toolbar-dropdown-menu li:hover a {
color: #fff;
}
/* line 298, ../scss/modules/toolbar.scss */
/* line 299, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.marked::before, .husky-toolbar .toolbar-dropdown-menu li.warning::before, .husky-toolbar .toolbar-dropdown-menu li.checked::before {
display: inline-block;
margin-left: -10px;
margin-right: 5px;
font-size: 12px;
}
/* line 307, ../scss/modules/toolbar.scss */
/* line 308, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.marked::before {
content: "";
}
/* line 311, ../scss/modules/toolbar.scss */
/* line 312, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.warning::before {
content: "";
}
/* line 315, ../scss/modules/toolbar.scss */
/* line 316, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.checked::before {
margin-left: -15px;
margin-right: 3px;
content: "";
}
/* line 321, ../scss/modules/toolbar.scss */
/* line 322, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.no-link {
cursor: default;
}
/* line 325, ../scss/modules/toolbar.scss */
/* line 326, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.info {
background-color: #F2D212;
height: auto;
Expand All @@ -9503,125 +9504,125 @@ a[data-badge]:after {
font-size: 10px;
color: #000;
}
/* line 334, ../scss/modules/toolbar.scss */
/* line 335, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.info *:first-child {
margin-top: 0;
}
/* line 337, ../scss/modules/toolbar.scss */
/* line 338, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.info *:last-child {
margin-bottom: 0;
}
/* line 341, ../scss/modules/toolbar.scss */
/* line 342, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.info p.smaller {
line-height: 15px;
}
/* line 346, ../scss/modules/toolbar.scss */
/* line 347, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.info:hover {
color: #000;
}
/* line 351, ../scss/modules/toolbar.scss */
/* line 352, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.disabled:hover, .husky-toolbar .toolbar-dropdown-menu li.disabled {
cursor: default;
background-color: inherit;
}
/* line 355, ../scss/modules/toolbar.scss */
/* line 356, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.disabled:hover a, .husky-toolbar .toolbar-dropdown-menu li.disabled a {
cursor: default;
color: #999;
}
/* line 361, ../scss/modules/toolbar.scss */
/* line 362, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li:not(.no-link):active {
background-color: #66bed0;
}
/* line 365, ../scss/modules/toolbar.scss */
/* line 366, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li.divider {
height: 1px;
margin: 5px 0;
overflow: hidden;
background-color: #ddd;
}
/* line 372, ../scss/modules/toolbar.scss */
/* line 373, ../scss/modules/toolbar.scss */
.husky-toolbar .toolbar-dropdown-menu li a {
clear: both;
text-align: left;
}

/* line 479, ../scss/modules/toolbar.scss */
/* line 480, ../scss/modules/toolbar.scss */
.husky-toolbar.big {
height: 50px;
width: auto;
}
/* line 388, ../scss/modules/toolbar.scss */
/* line 389, ../scss/modules/toolbar.scss */
.husky-toolbar.big .group {
height: 50px;
float: none;
display: inline-block;
vertical-align: top;
}
/* line 393, ../scss/modules/toolbar.scss */
/* line 394, ../scss/modules/toolbar.scss */
.husky-toolbar.big .group .toolbar-item:first-child {
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 0;
}
/* line 397, ../scss/modules/toolbar.scss */
/* line 398, ../scss/modules/toolbar.scss */
.husky-toolbar.big .group .toolbar-item:last-child {
border-radius: 0;
}
/* line 402, ../scss/modules/toolbar.scss */
/* line 403, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item {
border: none;
border-right: 1px solid rgba(255, 255, 255, 0.2);
padding: 0 20px;
border-radius: 0;
}
/* line 407, ../scss/modules/toolbar.scss */
/* line 408, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item .icon, .husky-toolbar.big .toolbar-item .title {
color: #fff;
line-height: 50px;
}
/* line 411, ../scss/modules/toolbar.scss */
/* line 412, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item .icon {
font-size: 20px;
}
/* line 414, ../scss/modules/toolbar.scss */
/* line 415, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item .icon + .title {
margin-top: -6px;
}
/* line 417, ../scss/modules/toolbar.scss */
/* line 418, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item .dropdown-toggle::after {
border-top-color: #fff;
}
/* line 420, ../scss/modules/toolbar.scss */
/* line 421, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item .dropdown-toggle {
padding-left: 20px;
padding-right: 20px;
margin-right: -20px;
}
/* line 425, ../scss/modules/toolbar.scss */
/* line 426, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.is-selected, .husky-toolbar.big .toolbar-item.is-expanded, .husky-toolbar.big .toolbar-item:hover {
background: rgba(255, 255, 255, 0.2);
}
/* line 429, ../scss/modules/toolbar.scss */
/* line 430, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.is-selected, .husky-toolbar.big .toolbar-item.is-selected:first-child, .husky-toolbar.big .toolbar-item.is-expanded, .husky-toolbar.big .toolbar-item.is-expanded:first-child, .husky-toolbar.big .toolbar-item:hover, .husky-toolbar.big .toolbar-item:hover:first-child {
border-color: transparent;
}
/* line 434, ../scss/modules/toolbar.scss */
/* line 435, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.disabled, .husky-toolbar.big .toolbar-item.disabled:hover {
background: transparent;
}
/* line 437, ../scss/modules/toolbar.scss */
/* line 438, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.disabled, .husky-toolbar.big .toolbar-item.disabled:first-child, .husky-toolbar.big .toolbar-item.disabled:hover, .husky-toolbar.big .toolbar-item.disabled:hover:first-child {
border-color: rgba(255, 255, 255, 0.2);
}
/* line 440, ../scss/modules/toolbar.scss */
/* line 441, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.disabled .icon, .husky-toolbar.big .toolbar-item.disabled .title, .husky-toolbar.big .toolbar-item.disabled:hover .icon, .husky-toolbar.big .toolbar-item.disabled:hover .title {
color: rgba(255, 255, 255, 0.2);
}
/* line 443, ../scss/modules/toolbar.scss */
/* line 444, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.disabled .dropdown-toggle::after, .husky-toolbar.big .toolbar-item.disabled:hover .dropdown-toggle::after {
border-top-color: rgba(255, 255, 255, 0.2);
}
/* line 448, ../scss/modules/toolbar.scss */
/* line 449, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.highlight-white {
background-color: #fff;
height: 30px;
Expand All @@ -9631,41 +9632,41 @@ a[data-badge]:after {
margin-top: 10px;
margin-right: 10px;
}
/* line 456, ../scss/modules/toolbar.scss */
/* line 457, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.highlight-white .title {
text-align: left;
color: #000;
line-height: 30px;
}
/* line 461, ../scss/modules/toolbar.scss */
/* line 462, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.highlight-white .dropdown-toggle::after {
border-top-color: #000;
}
/* line 464, ../scss/modules/toolbar.scss */
/* line 465, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-item.highlight-white:last-child, .husky-toolbar.big .toolbar-item.highlight-white:first-child {
border-radius: 3px;
}
/* line 470, ../scss/modules/toolbar.scss */
/* line 471, ../scss/modules/toolbar.scss */
.husky-toolbar.big .toolbar-search {
padding-top: 10px;
}
/* line 474, ../scss/modules/toolbar.scss */
/* line 475, ../scss/modules/toolbar.scss */
.husky-toolbar.big .item-loader {
margin-top: 15px;
}

/* line 483, ../scss/modules/toolbar.scss */
/* line 484, ../scss/modules/toolbar.scss */
.husky-toolbar-responsive {
overflow-x: auto;
overflow-y: hidden;
}
/* line 487, ../scss/modules/toolbar.scss */
/* line 488, ../scss/modules/toolbar.scss */
.husky-toolbar-responsive.overflown {
-moz-box-shadow: inset -8px 0px 8px -3px rgba(0, 0, 0, 0.08), inset 8px 0px 8px -3px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: inset -8px 0px 8px -3px rgba(0, 0, 0, 0.08), inset 8px 0px 8px -3px rgba(0, 0, 0, 0.08);
box-shadow: inset -8px 0px 8px -3px rgba(0, 0, 0, 0.08), inset 8px 0px 8px -3px rgba(0, 0, 0, 0.08);
}
/* line 489, ../scss/modules/toolbar.scss */
/* line 490, ../scss/modules/toolbar.scss */
.husky-toolbar-responsive.overflown .toolbar-dropdown-menu {
margin-top: 0;
}
Expand Down
Loading

0 comments on commit 29fb792

Please sign in to comment.