2018-11-06 15:35:51 +01:00
|
|
|
.head-button {
|
2018-10-05 16:34:08 +02:00
|
|
|
position: fixed;
|
2019-06-18 23:46:10 +02:00
|
|
|
z-index: 10; // should always be in top of everything else
|
2018-11-06 15:35:51 +01:00
|
|
|
right: 25px;
|
|
|
|
bottom: 25px;
|
2018-10-05 16:34:08 +02:00
|
|
|
}
|
|
|
|
|
2018-11-06 15:35:51 +01:00
|
|
|
.sticky-toolbar {
|
2019-07-11 18:03:13 +02:00
|
|
|
top: 0;
|
2019-03-14 12:57:12 +01:00
|
|
|
z-index: 5;
|
2019-07-11 18:03:13 +02:00
|
|
|
position: sticky;
|
2018-11-06 15:35:51 +01:00
|
|
|
}
|
2018-10-05 16:34:08 +02:00
|
|
|
|
2018-11-06 15:35:51 +01:00
|
|
|
.toolbar-left {
|
2019-07-11 18:03:13 +02:00
|
|
|
display: flex;
|
2019-07-26 11:47:04 +02:00
|
|
|
max-width: calc(100% - 100px);
|
2019-07-11 18:03:13 +02:00
|
|
|
button {
|
|
|
|
margin: 12px 0;
|
|
|
|
}
|
2018-10-05 16:34:08 +02:00
|
|
|
.toolbar-left-text {
|
2018-11-06 15:35:51 +01:00
|
|
|
margin-left: 10px;
|
2019-03-08 14:51:47 +01:00
|
|
|
width: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
::ng-deep .title-slot {
|
|
|
|
h2 {
|
2019-07-11 18:03:13 +02:00
|
|
|
margin: 16px 0;
|
2019-03-08 14:51:47 +01:00
|
|
|
display: block;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
}
|
2018-10-05 16:34:08 +02:00
|
|
|
}
|
|
|
|
}
|
2018-11-05 17:40:32 +01:00
|
|
|
.toolbar-centered {
|
|
|
|
margin: auto;
|
|
|
|
vertical-align: baseline;
|
|
|
|
}
|
2018-10-05 16:34:08 +02:00
|
|
|
|
|
|
|
.toolbar-right {
|
2019-07-11 18:03:13 +02:00
|
|
|
display: flex;
|
2018-10-05 16:34:08 +02:00
|
|
|
::ng-deep .extra-controls-slot {
|
|
|
|
display: flex;
|
|
|
|
}
|
2018-09-19 15:18:57 +02:00
|
|
|
}
|
2018-11-05 17:40:32 +01:00
|
|
|
|
|
|
|
mat-toolbar.multi-select {
|
2019-02-18 11:26:47 +01:00
|
|
|
background-color: #757575 !important;
|
2018-11-05 17:40:32 +01:00
|
|
|
}
|