feat: remove date input icon in Firefox

#348
This commit is contained in:
Lucas Larroche 2023-04-23 10:47:16 +07:00
parent 960e793bb2
commit 5c22504843
10 changed files with 50 additions and 6 deletions

View file

@ -1647,6 +1647,16 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
opacity: 0;
}
@-moz-document url-prefix() {
[type=date],
[type=datetime-local],
[type=month],
[type=time],
[type=week] {
padding-right: var(--pico-form-element-spacing-horizontal) !important;
background-image: none !important;
}
}
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
text-align: right;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1799,6 +1799,16 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
opacity: 0;
}
@-moz-document url-prefix() {
[type=date],
[type=datetime-local],
[type=month],
[type=time],
[type=week] {
padding-right: var(--pico-form-element-spacing-horizontal) !important;
background-image: none !important;
}
}
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
text-align: right;
}

File diff suppressed because one or more lines are too long

View file

@ -1610,6 +1610,16 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
opacity: 0;
}
@-moz-document url-prefix() {
[type=date],
[type=datetime-local],
[type=month],
[type=time],
[type=week] {
padding-right: var(--pico-form-element-spacing-horizontal) !important;
background-image: none !important;
}
}
[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
text-align: right;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -38,6 +38,20 @@
}
}
// Calendar icons are hidden in Firefox
@if $enable-important {
@-moz-document url-prefix() {
[type="date"],
[type="datetime-local"],
[type="month"],
[type="time"],
[type="week"] {
padding-right: var(#{$}form-element-spacing-horizontal) !important;
background-image: none !important;
}
}
}
[dir="rtl"]
:is([type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"]) {
text-align: right;