Skip to content

Commit 9a2f024

Browse files
Unify datetimepicker opacity in NcActionInput
Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
1 parent 763369e commit 9a2f024

File tree

1 file changed

+6
-21
lines changed

1 file changed

+6
-21
lines changed

src/components/NcActionInput/NcActionInput.vue

Lines changed: 6 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,6 @@ For the multiselect component, all events will be passed through. Please see the
122122
<template>
123123
<li class="action" :class="{ 'action--disabled': disabled }">
124124
<span :class="{
125-
'action-input--picker': datePickerType,
126125
'action-input-picker--disabled': disabled,
127126
'action-input--visible-label': labelVisible && label,
128127
}"
@@ -469,6 +468,7 @@ $input-margin: 4px;
469468
cursor: pointer;
470469
white-space: nowrap;
471470
471+
opacity: $opacity_normal;
472472
color: var(--color-main-text);
473473
border: 0;
474474
border-radius: 0; // otherwise Safari will cut the border-radius area
@@ -477,6 +477,11 @@ $input-margin: 4px;
477477
478478
font-weight: normal;
479479
480+
&:hover,
481+
&:focus {
482+
opacity: $opacity_full;
483+
}
484+
480485
&__icon-wrapper {
481486
display: flex;
482487
align-self: center;
@@ -494,26 +499,6 @@ $input-margin: 4px;
494499
}
495500
}
496501
497-
// do not change the opacity of the datepicker
498-
&:not(.action-input--picker) {
499-
opacity: $opacity_normal;
500-
&:hover,
501-
&:focus {
502-
opacity: $opacity_full;
503-
}
504-
}
505-
506-
// only change for the icon then
507-
&--picker {
508-
.action-input__icon {
509-
opacity: $opacity_normal;
510-
}
511-
&:hover .action-input__icon,
512-
&:focus .action-input__icon {
513-
opacity: $opacity_full;
514-
}
515-
}
516-
517502
& > span {
518503
cursor: pointer;
519504
white-space: nowrap;

0 commit comments

Comments
 (0)