Permalink
Browse files

feature: Panel with menu

  • Loading branch information...
MikeMitterer committed Mar 14, 2017
1 parent 4f6651c commit be1f13a952d9862b4a5d2051ee00988a5512e043
Showing with 60 additions and 5 deletions.
  1. +33 −0 lib/assets/styles/material.css
  2. +1 −1 lib/assets/styles/material.min.css
  3. +26 −4 lib/assets/styles/panel/_panel.scss
@@ -7885,6 +7885,39 @@ mdl-draggable {
padding: 0; }
.mdl-panel.mdl-panel--with-heading > .mdl-panel__heading {
padding: 8px 16px; }
.mdl-panel.mdl-panel--with-heading > .mdl-panel__heading--with-menu {
padding: 0 0 0 16px !important;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-line-pack: justify;
align-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.mdl-panel.mdl-panel--with-heading > .mdl-panel__heading--with-menu .mdl-panel__title-text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: normal;
overflow: hidden;
margin: 0; }
.mdl-panel.mdl-panel--with-heading > .mdl-panel__heading--with-menu .mdl-panel__menu {
display: block; }
.mdl-panel.mdl-panel--with-heading > .mdl-panel__content {
padding: 8px 16px;
color: rgba(0, 0, 0, 0.87);

Large diffs are not rendered by default.

Oops, something went wrong.
@@ -67,15 +67,37 @@
padding: 8px 16px;
}
> .mdl-panel__heading--with-menu {
padding: 0 0 0 16px !important;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start; // ⇾
align-content: space-between; // ||
align-items: center; // ↓
.mdl-panel__title-text {
flex-grow: 1;
color: inherit;
display: flex;
line-height: normal;
overflow: hidden;
margin: 0;
}
.mdl-panel__menu {
display: block;
}
}
> .mdl-panel__content {
padding: 8px 16px;
color: $panel-color;
background-color: $panel-background-color;
}
//&.mdl-panel--shadow > .mdl-panel__content {
// @include shadow-z2();
//}
}
}

0 comments on commit be1f13a

Please sign in to comment.