alfresco-ng2-components/lib/core/toolbar/toolbar.component.scss
Eugenio Romano f861b94de4
[Staging-branch] 3.4.0 (#4839)
* next 3.4.0

* next 3.4.0

* [ADF-4426] Move CSS overrides from ACA to ADF - 2nd round (#4837)

* [ADF-4426] align toolbar icon color with design

* [ADF-4426] clean-up style - it is never applied

* [ADF-4426] display title for name location cell - useful for long names

* [ADF-4426] move content-node-selector cell fix from ACA

- fixes https://github.com/Alfresco/alfresco-ng2-components/issues/4686

* [ADF-4426] move content-node-selector cell fix from ACA

- fixes https://github.com/Alfresco/alfresco-ng2-components/issues/4686

* [ADF-4426] move image width fix from ACA

* [ADF-4426] allow more customization of data-table borders

* [ADF-4426] move fix from ACA

[ACA-2363] fixes issue with text being visible underneath the info drawer

* [ADF-4426] get adf-datatable-link style from ACA

* [ADF-4426] allow set of DL selected row icon color

* [ADF-4426] allow more document list customization

- code moved from ACA
- more css variables
- removed non used and duplicated outline styles
- some code clean-up...

* [ADF-4635] The Status drop-down is looking different for Processes than for Tasks (#4822)
2019-06-20 12:32:41 +01:00

46 lines
1.2 KiB
SCSS

@mixin adf-toolbar-theme($theme) {
$foreground: map-get($theme, foreground);
$adf-toolbar-height: 48px !default;
$adf-toolbar-single-row-height: 64px !default;
$adf-toolbar-font-size: 14px !default;
$adf-toolbar-padding: 16px !default;
$adf-toolbar-icon-color: mat-color($foreground, text, 0.54) !default;
.adf-toolbar {
&--spacer {
flex: 1 1 auto;
}
&-title {
overflow: hidden;
display: flex;
width: 100%;
}
.mat-toolbar {
min-height: $adf-toolbar-height;
border: 1px solid mat-color($foreground, text, 0.07);
color: $adf-toolbar-icon-color;
}
.mat-toolbar-row {
height: $adf-toolbar-height;
font-size: $adf-toolbar-font-size;
white-space: normal;
}
.mat-toolbar-single-row {
padding: 0 $adf-toolbar-padding;
height: $adf-toolbar-single-row-height;
}
&.adf-toolbar--inline {
.mat-toolbar {
background-color: inherit;
border: none !important;
padding: 0;
}
}
}
}