SuiteCRM/SuiteCRM-Core
2
0
Fork 0
mirror of https://github.com/SuiteCRM/SuiteCRM-Core.git synced 2025-09-01 08:00:47 +08:00
Code Issues Projects Packages Activity Actions

Remove subpanel highlight from mobile

Browse source
This commit is contained in:
Jack Anderson 2024-12-10 08:48:52 +00:00
parent 72e05d3fae
commit e388f91d5e
1 changed files with 40 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

76
core/app/shell/src/themes/suite8/css/components/_subpanel.scss
View file

@ -159,33 +159,36 @@ div.widget-panel .panel-card .card-header {
}
&:hover{
border-bottom: 1px solid $highlight-grey;
@media (min-width: $breakpoint-medium) {
&:hover{
border-bottom: 1px solid $highlight-grey;
.grid-widget {
background-color: inherit;
.grid-widget {
background-color: inherit;
.widget-entry-icon {
svg {
fill: $highlight-grey;
stroke: $highlight-grey;
.widget-entry-icon {
svg {
fill: $highlight-grey;
stroke: $highlight-grey;
}
}
}
.sub-panel-banner-button-title {
.widget-entry-label {
font-size: .62rem;
color: $highlight-grey;
.sub-panel-banner-button-title {
.widget-entry-label {
font-size: .62rem;
color: $highlight-grey;
}
}
}
.sub-panel-banner-value {
.widget-entry-value {
color: $highlight-grey;
.sub-panel-banner-value {
.widget-entry-value {
color: $highlight-grey;
}
}
}
}
}
&.sub-panel-banner-button-active {
border-bottom: 1px solid $bright-purple;
@ -213,31 +216,32 @@ div.widget-panel .panel-card .card-header {
}
}
}
@media (min-width: $breakpoint-medium) {
&:hover {
border-bottom: 1px solid $highlight-purple;
&:hover {
border-bottom: 1px solid $highlight-purple;
.grid-widget {
background-color: inherit;
.grid-widget {
background-color: inherit;
.widget-entry-icon {
svg {
fill: $highlight-purple;
stroke: $highlight-purple;
.widget-entry-icon {
svg {
fill: $highlight-purple;
stroke: $highlight-purple;
}
}
}
.sub-panel-banner-button-title {
.widget-entry-label {
font-size: .62rem;
color: $highlight-purple;
font-weight: 900;
.sub-panel-banner-button-title {
.widget-entry-label {
font-size: .62rem;
color: $highlight-purple;
font-weight: 900;
}
}
}
.sub-panel-banner-value {
.widget-entry-value {
color: $highlight-purple;
.sub-panel-banner-value {
.widget-entry-value {
color: $highlight-purple;
}
}
}
}