2015-04-10 21:37:00 +02:00
|
|
|
/// toolbar.scss -*- Mode: text; indent-tabs-mode: nil; basic-offset: 2 -*-
|
2015-03-28 02:13:39 +01:00
|
|
|
$toolbar-tools-height: 100%;
|
|
|
|
$toolbar-height: $pitch;
|
|
|
|
$toolbar-medium-tall-height: 88px !default;
|
|
|
|
$toolbar-tall-height: ($toolbar-height * 2);
|
|
|
|
$toolbar-indent-margin: $pitch;
|
|
|
|
$toolbar-padding: $mg;
|
2015-02-04 03:22:12 +01:00
|
|
|
@import 'extends';
|
|
|
|
|
2015-03-28 02:13:39 +01:00
|
|
|
// According to specs, there's no case where toolbars have no padding
|
|
|
|
// We overule angular-material way of implenting this by defining padding toolbars
|
|
|
|
// instead of toolbar-tools to prevent padding addition
|
|
|
|
// INFO: because we make intensive use of border-box box sizing model, horizontal paddings
|
|
|
|
// must be declare in containers with sg-padded
|
2015-02-06 01:16:49 +01:00
|
|
|
md-toolbar {
|
2015-03-28 02:13:39 +01:00
|
|
|
padding: $toolbar-padding 0;
|
2015-03-28 06:24:31 +01:00
|
|
|
z-index: $z-index-toolbar;
|
2015-04-01 00:33:14 +02:00
|
|
|
// dirty fix to override angular-material botchy typography
|
|
|
|
font-size: 1em !important;
|
2015-04-24 23:41:05 +02:00
|
|
|
background-image: url("../img/felt-transp.png");
|
|
|
|
background-blend-mode: luminosity;
|
2015-03-28 06:24:31 +01:00
|
|
|
box-shadow: $whiteframe-shadow-z1;
|
2015-02-06 15:37:00 +01:00
|
|
|
}
|
2015-03-13 07:10:31 +01:00
|
|
|
|
2015-03-28 02:13:39 +01:00
|
|
|
.md-toolbar-tools {
|
|
|
|
padding: 0 initial;
|
2015-04-01 00:33:14 +02:00
|
|
|
// dirty fix to override angular-material botchy typography
|
|
|
|
font-size: 1em !important;
|
2015-03-28 02:13:39 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
// angular-material is overspecifying so we are
|
|
|
|
.md-toolbar-tools[layout-align="start start"] {
|
|
|
|
align-items: flex-start;
|
|
|
|
}
|
|
|
|
|
2015-03-13 07:10:31 +01:00
|
|
|
.md-toolbar-tools.md-toolbar-tools-top {
|
2015-03-28 02:13:39 +01:00
|
|
|
align-items: flex-start;
|
2015-03-13 07:10:31 +01:00
|
|
|
}
|
|
|
|
|
2015-02-16 08:15:01 +01:00
|
|
|
.md-toolbar-tools.md-toolbar-tools-bottom {
|
|
|
|
height: (5 * $line);
|
|
|
|
max-height: (5 * $line);
|
|
|
|
}
|
2015-03-13 07:10:31 +01:00
|
|
|
|
2015-02-06 15:37:00 +01:00
|
|
|
header {
|
|
|
|
flex-direction: row;
|
2015-02-24 03:33:47 +01:00
|
|
|
flex-wrap: nowrap;
|
2015-02-11 10:04:09 +01:00
|
|
|
align-items: stretch;
|
2015-02-06 15:37:00 +01:00
|
|
|
justify-content: space-between;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
hgroup {
|
|
|
|
align-items: center;
|
|
|
|
flex: 1 1 auto;
|
|
|
|
&h3 {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
2015-02-16 08:15:01 +01:00
|
|
|
.toolbar-main .md-button {
|
|
|
|
color: inherit;
|
|
|
|
font-size: sg-size(headline);
|
|
|
|
}
|
2015-03-13 07:10:31 +01:00
|
|
|
|
2015-02-16 08:15:01 +01:00
|
|
|
.sg-toolbar-group {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
2015-03-04 00:40:48 +01:00
|
|
|
align-items: flex-end;
|
2015-02-16 08:15:01 +01:00
|
|
|
justify-content: space-between;
|
|
|
|
&-1 {
|
|
|
|
order: 1;
|
2015-02-27 04:32:22 +01:00
|
|
|
max-width: $listView-width;
|
2015-02-16 08:15:01 +01:00
|
|
|
}
|
|
|
|
&-2 {
|
|
|
|
order: 2;
|
|
|
|
}
|
2015-03-28 02:13:39 +01:00
|
|
|
&-3,
|
|
|
|
&-last {
|
2015-02-16 08:15:01 +01:00
|
|
|
order: 3;
|
|
|
|
}
|
|
|
|
}
|
2015-03-28 06:24:31 +01:00
|
|
|
|
|
|
|
|