Removed ugly outline for details on touch devices

This commit is contained in:
squidfunk 2020-08-02 11:59:43 +02:00
parent eba08f390f
commit e55829c87f

View File

@ -42,7 +42,6 @@
padding-top: 0; padding-top: 0;
overflow: visible; overflow: visible;
// Rotate title icon // Rotate title icon
&[open] > summary::after { &[open] > summary::after {
transform: rotate(90deg); transform: rotate(90deg);
@ -76,6 +75,12 @@
border-top-right-radius: px2rem(2px); border-top-right-radius: px2rem(2px);
cursor: pointer; cursor: pointer;
// Disable ugly outline on touch devices
@media (hover: none) {
outline: none;
-webkit-tap-highlight-color: transparent;
}
// Adjust for right-to-left languages // Adjust for right-to-left languages
[dir="rtl"] & { [dir="rtl"] & {
padding: px2rem(8px) px2rem(40px) px2rem(8px) px2rem(36px); padding: px2rem(8px) px2rem(40px) px2rem(8px) px2rem(36px);