@syncfusion/ej2-material-theme
Version:
A modern JavaScript UI toolkit that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It is written in TypeScript and has no external dependencies.
239 lines • 7.29 kB
CSS
.e-grid-chart-export-icon::before {
content: "\e711";
}
.e-grid-chart-print::before {
content: "\e34b";
}
.e-grid-chart-jpeg::before {
content: "\ea13";
}
.e-grid-chart-png::before {
content: "\e715";
}
.e-grid-chart-svg::before {
content: "\e716";
}
.e-grid-chart-pdf::before {
content: "\e240";
}
.e-grid-chart-xlsx::before {
content: "\e726";
}
.e-grid-chart-csv::before {
content: "\e241";
}
.e-grid-context-menu-dialog .e-grid-chart-icon::before {
content: "\e70f";
}
.e-grid-context-menu-dialog .e-grid-bar-chart-icon::before {
content: "\e855";
}
.e-grid-context-menu-dialog .e-grid-bar-icon::before {
content: "\e855";
}
.e-grid-context-menu-dialog .e-grid-stacking-bar-icon::before {
content: "\e889";
}
.e-grid-context-menu-dialog .e-grid-stacking-bar-100-icon::before {
content: "\e863";
}
.e-grid-context-menu-dialog .e-grid-pie-icon::before {
content: "\e141";
}
.e-grid-context-menu-dialog .e-grid-column-chart-icon::before {
content: "\e847";
}
.e-grid-context-menu-dialog .e-grid-column-icon::before {
content: "\e847";
}
.e-grid-context-menu-dialog .e-grid-stacking-column-icon::before {
content: "\e888";
}
.e-grid-context-menu-dialog .e-grid-stacking-column-100-icon::before {
content: "\e868";
}
.e-grid-context-menu-dialog .e-grid-line-chart-icon::before {
content: "\e867";
}
.e-grid-context-menu-dialog .e-grid-line-icon::before {
content: "\e867";
}
.e-grid-context-menu-dialog .e-grid-stacking-line-icon::before {
content: "\e841";
}
.e-grid-context-menu-dialog .e-grid-stacking-line-100-icon::before {
content: "\e871";
}
.e-grid-context-menu-dialog .e-grid-area-chart-icon::before {
content: "\e883";
}
.e-grid-context-menu-dialog .e-grid-area-icon::before {
content: "\e883";
}
.e-grid-context-menu-dialog .e-grid-stacking-area-icon::before {
content: "\e875";
}
.e-grid-context-menu-dialog .e-grid-stacking-area-100-icon::before {
content: "\e900";
}
.e-grid-context-menu-dialog .e-grid-scatter-icon::before {
content: "\ea14";
}
.e-grid-context-menu-dialog .e-grid-chart-max-icon::before {
content: "\e342";
}
.e-grid-context-menu-dialog .e-grid-chart-min-icon::before {
content: "\e337";
}
.e-grid-context-menu-dialog .e-grid-dialogchart-container {
border-radius: 4px;
}
.e-grid-context-menu-dialog .e-grid-dialog-chart-export-container {
padding: 11px;
}
.e-grid-context-menu-dialog .e-tab {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.e-grid-context-menu-dialog .e-tab .e-content {
overflow-y: auto;
}
.e-grid-context-menu-dialog .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
margin-bottom: 10px;
}
.e-grid-context-menu-dialog .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
text-transform: uppercase;
}
.e-grid-context-menu-dialog .e-grid-dialogchart-bottom-spacer {
margin-bottom: 12px;
}
.e-grid-context-menu-dialog .e-grid-dialogchart-intermediate-spacer {
margin-left: 12px;
}
.e-grid-context-menu-dialog .e-grid-dialogchart-display-flex {
display: -ms-flexbox;
display: flex;
}
.e-grid-context-menu-dialog .e-grid-dialogchart-display-flex-50 {
width: 50%;
}
.e-grid-context-menu-dialog .e-grid-chart-props-header {
margin-bottom: 14px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
}
.e-grid-context-menu-dialog .e-grid-dialog-data-tab-container .e-grid-chart-props-header {
font-size: 14px;
font-weight: 600;
}
.e-grid-context-menu-dialog .e-grid-chart-props-normal-header {
margin-bottom: 4px;
font-size: 13px;
font-weight: normal;
}
.e-grid-context-menu-dialog .e-grid-dialog-format-tab-container .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
padding: 0;
}
.e-grid-context-menu-dialog .e-grid-dialog-format-tab-container .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > div:first-child {
padding: 12px;
}
.e-grid-context-menu-dialog .e-grid-dialog-data-tab-container {
padding: 8px 7px;
}
.e-grid-context-menu-dialog .e-grid-chart-list {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 4px 0;
padding: 6px;
border-radius: 4px;
cursor: pointer;
}
.e-grid-context-menu-dialog .e-grid-chart-list .e-icons {
padding: 3px;
}
.e-grid-context-menu-dialog .e-grid-chart-list .e-grid-chart-text {
margin-left: 2px;
}
.e-grid-context-menu-dialog.e-rtl .e-grid-dialogchart-intermediate-spacer {
margin-left: 0;
margin-right: 12px;
}
.e-grid-context-menu-dialog.e-rtl .e-grid-chart-list .e-grid-chart-text {
margin-left: 0;
margin-right: 2px;
}
.e-grid-context-menu-dialog .e-grid-dialogchart-container {
border: 1px solid #e0e0e0;
}
.e-grid-context-menu-dialog .e-grid-dialog-tab-container {
border-left: 1px solid #e0e0e0;
}
.e-grid-context-menu-dialog .e-grid-dialog-tab-container .e-tab.e-focused {
box-shadow: none;
}
.e-grid-context-menu-dialog .e-tab .e-tab-header {
border-top: 0;
border-bottom: 1px solid #e0e0e0;
}
.e-grid-context-menu-dialog .e-tab .e-accordion {
border: 0;
}
.e-grid-context-menu-dialog .e-grid-chart-props-header {
border-bottom: 1.75px solid #e0e0e0;
}
.e-grid-context-menu-dialog .e-grid-chart-list:hover {
background-color: #3f51b5;
color: #000;
}
.e-grid-context-menu-dialog .e-grid-chart-list:hover .e-icons {
color: #000;
}
.e-grid-context-menu-dialog .e-grid-chart-list.e-grid-chart-list-selected {
background-color: #3f51b5;
color: #e3165b;
}
.e-grid-context-menu-dialog .e-grid-chart-list.e-grid-chart-list-selected .e-icons {
color: #e3165b;
}
.e-grid-context-menu-dialog.e-rtl .e-grid-dialog-tab-container {
border-left: 0;
border-right: 1px solid #e0e0e0;
}
/*! Grid Chart bigger */
.e-bigger .e-grid-context-menu-dialog .e-grid-dialog-chart-export-container,
.e-grid-context-menu-dialog.e-bigger .e-grid-dialog-chart-export-container {
padding: 15px;
}
.e-bigger .e-grid-context-menu-dialog .e-grid-dialogchart-bottom-spacer,
.e-grid-context-menu-dialog.e-bigger .e-grid-dialogchart-bottom-spacer {
margin-bottom: 16px;
}
.e-bigger .e-grid-context-menu-dialog .e-grid-chart-props-header,
.e-grid-context-menu-dialog.e-bigger .e-grid-chart-props-header {
font-size: 15px;
}
.e-bigger .e-grid-context-menu-dialog .e-grid-chart-props-normal-header,
.e-grid-context-menu-dialog.e-bigger .e-grid-chart-props-normal-header {
font-size: 15px;
}
.e-bigger .e-grid-context-menu-dialog .e-grid-dialog-format-tab-container .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content,
.e-grid-context-menu-dialog.e-bigger .e-grid-dialog-format-tab-container .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
padding: 0;
}
.e-bigger .e-grid-context-menu-dialog .e-grid-dialog-format-tab-container .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > div:first-child,
.e-grid-context-menu-dialog.e-bigger .e-grid-dialog-format-tab-container .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > div:first-child {
padding: 16px;
}
.e-bigger .e-grid-context-menu-dialog .e-grid-dialog-data-tab-container,
.e-grid-context-menu-dialog.e-bigger .e-grid-dialog-data-tab-container {
padding: 12px 11px;
}
.e-bigger .e-grid-context-menu-dialog .e-grid-chart-list,
.e-grid-context-menu-dialog.e-bigger .e-grid-chart-list {
padding: 8px 12px;
}