| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189 |
- @import "../../ag-theme-base/sass/ag-theme-base";
- @import "./ag-theme-material-default-params";
- @mixin ag-theme-material($params: ()) {
- @include ag-allow-color-param-access-with-ag-param(false);
- $params: ag-process-theme-variables($params, $ag-theme-material-default-params);
- @include ag-theme-base($params);
- .ag-filter-toolpanel-header,
- .ag-filter-toolpanel-search,
- .ag-status-bar,
- .ag-header-row,
- .ag-panel-title-bar-title,
- .ag-side-button-button {
- font-size: ag-param(font-size) - 1;
- font-weight: 600;
- @include ag-color-property(color, header-foreground-color);
- }
- .ag-tab {
- height: ag-param(grid-size) * 4.5;
- }
- .ag-tabs-header,
- .ag-column-drop-horizontal {
- @include ag-color-property(background-color, subheader-background-color);
- }
- .ag-tabs-body {
- padding: ag-param(grid-size) / 2 0;
- }
- .ag-tabs-body .ag-menu-list {
- padding-top: 0;
- padding-bottom: 0;
- }
- .ag-header-cell, .ag-header-group-cell {
- transition: background-color 0.5s;
- }
- .ag-row-last .ag-cell-inline-editing {
- bottom: 0;
- }
- .ag-cell-inline-editing {
- padding: ag-param(grid-size);
- height: ag-param(row-height) + ag-param(grid-size) * 3;
- }
- .ag-side-button-button {
- @include ag-color-property(color, secondary-foreground-color);
- }
- .ag-column-drop-vertical {
- border-bottom: solid 1px;
- @include ag-color-property(border-bottom-color, border-color);
- padding-top: ag-param(grid-size);
- &.ag-last-column-drop {
- border-bottom: none;
- }
- }
- .ag-column-drop-vertical-cell {
- margin-left: 0;
- }
- .ag-set-filter-select-all {
- border-bottom: solid 1px;
- @include ag-color-property(border-bottom-color, border-color);
- }
- .ag-column-drop-vertical-empty-message {
- font-size: ag-param(font-size) - 1;
- font-weight: 600;
- @include ag-color-property(color, disabled-foreground-color);
- @include ag-theme-rtl((
- padding-left: ag-param(icon-size) + ag-param(grid-size) * 2,
- padding-right: ag-param(grid-size)
- ));
- }
- .ag-status-bar {
- border: solid 1px;
- @include ag-color-property(border-color, border-color);
- }
- .ag-column-panel-column-select {
- border-top: solid 1px;
- @include ag-color-property(border-top-color, border-color);
- }
- .ag-column-select, .ag-column-select-header {
- border-bottom: solid 1px;
- @include ag-color-property(border-bottom-color, border-color);
- }
- .ag-column-select-header {
- height: ag-param(header-height);
- }
- .ag-group-title-bar {
- padding: ag-param(grid-size) * 0.75 ag-param(grid-size);
- }
- .ag-charts-format-sub-level-group-title-bar {
- padding: ag-param(grid-size) * 0.5 ag-param(grid-size);
- }
- .ag-chart-data-section,
- .ag-chart-format-section {
- padding-bottom: ag-param(grid-size) * 0.5;
- }
- .ag-group-toolbar {
- @if ag-param(subheader-background-color) {
- background-color: rgba(ag-param(subheader-background-color), 0.5);
- }
- }
- %ag-text-input {
- background: transparent;
- @include ag-color-property(color, foreground-color);
- font-family: inherit;
- font-size: inherit;
- height: ag-param(grid-size) * 5;
- padding-bottom: ag-param(grid-size);
- border-width: 0;
- border-bottom: 2px solid;
- @include ag-color-property(border-bottom-color, border-color);
- &:focus {
- border-bottom: 2px solid;
- @include ag-color-property(border-bottom-color, material-primary-color);
- outline: none;
- box-shadow: none;
- }
- &::placeholder {
- @include ag-color-property(color, disabled-foreground-color);
- }
- &:disabled {
- border-bottom: 1px solid;
- @include ag-color-property(border-bottom-color, border-color);
- }
- }
- .ag-standard-button {
- appearance: none;
- background-color: transparent;
- border: 0;
- @include ag-color-property(color, material-primary-color);
- font-family: inherit;
- font-size: inherit;
- margin: 0;
- padding: 0;
- text-transform: uppercase;
- &:disabled {
- @include ag-color-property(color, disabled-foreground-color);
- @include ag-color-property(background-color, input-disabled-background-color);
- @include ag-color-property(border-color, input-disabled-border-color);
- }
- }
- .ag-dnd-ghost {
- font-size: ag-param(font-size) - 1;
- font-weight: 600;
- }
- .ag-filter-toolpanel-header {
- height: ag-param(grid-size) * 4;
- }
- .ag-filter-toolpanel-group-level-0-header {
- height: ag-param(grid-size) * 7;
- }
- .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
- padding-top: 60px;
- }
- @include ag-allow-color-param-access-with-ag-param(true);
- }
|