jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Removing hover state from mobile devices for list-card and list-button-horizontal

Browse source
This commit is contained in:
Max 2022-02-28 15:47:00 -05:00
parent 8c59e2174f
commit 77aceda01f
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/ux-components/list-button-horizontal/list-button-horizontal.vue
View file

@ -157,9 +157,11 @@ export default {
width: 100%; width: 100%;
color: $gray-600; color: $gray-600;
&:hover { &:hover {
box-shadow: 0 0 0 4px $blue-300; @include media-breakpoint-up(sm) {
cursor: pointer; box-shadow: 0 0 0 4px $blue-300;
z-index: 4 !important; cursor: pointer;
z-index: 4 !important;
}
} }
+ p { + p {
display: none; display: none;

6
src/ux-components/list-card/list-card.vue
View file

@ -139,8 +139,10 @@ export default {
max-width: 100%; max-width: 100%;
} }
&:hover { &:hover {
box-shadow: 0px 0px 0px 4px $blue-300; @include media-breakpoint-up(sm) {
border: 1px solid transparent; box-shadow: 0px 0px 0px 4px $blue-300;
border: 1px solid transparent;
}
} }
input[type="checkbox"], input[type="checkbox"],
input[type="radio"] { input[type="radio"] {