VAADIN.themes.mateu.views.grids.scss Maven / Gradle / Ivy
@mixin grids {
.v-grid-row {
/*
color: black;
*/
}
.gridresultado {
.v-grid-cell {
height: 60px;
line-height: 60px;
}
.v-grid-header-deco {
background-image: none;
border-top: none;
border-right: none;
}
.v-grid-header {
.v-grid-cell {
background-color: white;
background-image: none;
font-style: italic;
}
.v-grid-row {
th {
border-left: none;
color: #6e5987;
font-size: 16px;
font-weight: 600;
}
}
}
.v-grid-row {
td {
border-left: none;
color: #301254;
}
}
.v-grid-row-selected {
.v-grid-cell > td {
background-image: none;
font-weight: bold;
color: var(--selected-row-fg-color, #eec9c9) !important;
}
}
.v-grid-cell-focused:before {
border: none;
}
.v-grid-row:hover, .v-grid-row-selected:hover {
td {
background-color: rgb(250,250,250) !important;
color: unset !important;
font-weight: inherit !important;
cursor: pointer;
}
}
.v-grid-cell.frozen {
border-right: none;
box-shadow: none;
-webkit-box-shadow: none;
}
.v-grid-tablewrapper {
border: none;
}
.v-grid-horizontal-scrollbar-deco {
background-image: none;
border: none;
}
.v-grid-scroller-horizontal {
border: none;
}
.v-grid-scroller-vertical {
border: none;
}
.v-grid-footer-deco {
border: none;
}
.v-link a {
color: blue;
}
.v-grid-row-stripe > td {
background-color: white;
}
}
.gridresultado.readonly {
.v-grid-row:hover {
td {
background-color: inherit !important;
color: inherit !important;
font-weight: inherit !important;
cursor: inherit !important;
}
}
.v-grid-cell.rowno {
color: inherit !important;
}
.v-grid-row-stripe:hover {
td {
background-color: #484860 !important;
color: #B0B0EA !important;
font-weight: inherit !important;
cursor: inherit !important;
}
}
.v-grid-row-selected:hover {
td {
background-color: #484860 !important;
color: #B0B0EA !important;
font-weight: bold !important;
cursor: inherit !important;
}
}
}
.gridonetomany {
.v-grid-row-stripe {
td {
/* background-color: inherit; */
}
}
.v-grid-header {
.v-grid-cell {
background-color: white;
background-image: none;
font-style: italic;
}
.v-grid-row {
th {
border-left: none;
}
}
}
.v-grid-row {
td {
border-left: none;
}
}
.v-grid-row-stripe.v-grid-row-selected {
td {
background-color: var(--selected-row-bg-color, #e61a1a) !important;
color: var(--selected-row-fg-color, #484860) !important;
}
}
.v-grid-row-selected {
.v-grid-cell {
background-image: none;
font-weight: bold;
color: #484860 !important;
}
}
.v-grid-cell-focused:before {
border: none;
}
.v-grid-cell.frozen {
border-right: none;
box-shadow: none;
-webkit-box-shadow: none;
}
.v-grid-tablewrapper {
border: none;
}
.v-grid-horizontal-scrollbar-deco {
background-image: none;
border: none;
}
.v-grid-scroller-horizontal {
border: none;
}
}
.gridonetomany.nooutput {
.v-grid-row:hover, .v-grid-row-selected:hover {
td {
background-color: indianred !important;
color: white !important;
font-weight: bold;
cursor: pointer;
}
}
}
.gridonetomany.nooutput.inline {
.v-grid-row:hover, .v-grid-row-selected:hover {
td {
background-color: royalblue !important;
}
}
}
.gridonetomany.output {
.v-grid-row:hover, .v-grid-row-selected:hover {
td {
/*
background-color: unset;
color: unset;
font-weight: unset;
cursor: unset;
*/
}
}
}
.v-slot-gridonetomany {
.gridonetomany.unclickable {
.v-grid-row:hover, .v-grid-row-selected, .v-grid-row-selected:hover {
td {
background-color: unset !important;
color: unset !important;
font-weight: unset !important;
cursor: unset !important;
border-bottom: 1px solid #d4d4d4 !important;
}
}
.v-grid-row-stripe:hover, .v-grid-row-selected.v-grid-row-stripe, .v-grid-row-stripe-selected:hover {
td {
background-color: #f5f5f5 !important;
border-bottom: 1px solid #d4d4d4 !important;
}
}
}
}
}