Skip to content

Commit 7595559

Browse files
Arsalanulhaqtanyaka
authored andcommitted
IONOS(theming): style(buttons): refine button hover styles for improved consistency
Signed-off-by: Arsalan Ul Haq Sohni <arsalan-ul-haq.sohni@strato.de>
1 parent 1abd651 commit 7595559

1 file changed

Lines changed: 3 additions & 12 deletions

File tree

apps/theming/css/ionos/buttons.css

Lines changed: 3 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,6 @@
3535
}
3636

3737
&:hover:not(:disabled):not(.button-vue--disabled) {
38-
background-color: var(--ion-button-secondary-background-hover);
39-
border-color: var(--ion-button-secondary-background-hover);
40-
}
41-
42-
#app-dashboard &:hover:not(:disabled):not(.button-vue--disabled) {
4338
background-color: var(--ion-button-secondary-background-hover) !important;
4439
border-color: var(--ion-button-secondary-background-hover);
4540
color: var(--ion-button-secondary-text-hover);
@@ -69,18 +64,14 @@
6964
}
7065
}
7166

72-
&.button-vue--vue-primary:not(.unified-search-modal__header *), &.button-vue--vue-error:not(.unified-search-modal__header *),
73-
/* ensure primary type styling of "new" button */
74-
&.action-item__menutoggle:not(.unified-search-modal__header *), &.files-list__header-upload-button--disabled {
75-
background-color: var(--ion-button-primary-background-default);
76-
}
77-
7867
#app-dashboard &.action-item__menutoggle:not(.unified-search-modal__header *), #app-dashboard &.files-list__header-upload-button--disabled {
79-
background-color: var(--ion-button-primary-background-default) !important;
68+
background-color: light-dark(var(--ion-color-blue-b7), var(--ion-button-secondary-background-default));
69+
border: var(--ion-button-secondary-border-default);
8070
}
8171

8272
&.button-vue--vue-primary:not(.unified-search-modal__header *), &.button-vue--vue-error:not(.unified-search-modal__header *),
8373
&.action-item__menutoggle:not(.unified-search-modal__header *), &.files-list__header-upload-button--disabled {
74+
background-color: var(--ion-button-primary-background-default);
8475
border: none;
8576

8677
.button-vue__text, .button-vue__icon svg {

0 commit comments

Comments
 (0)