I try to create a redmine CSS only theme, that hides the attributes section and only shows it on mouse-click or touch.
I added the Pseudo Class :active
which works fine on desktops, but on Android Chrome, it only activates for a fraction of a second and then it looses this attribute again (because it starts a selection for copy and paste then instead)
.details > .attributes {
height:20px;
overflow:hidden;
display: block;
cursor:pointer;
}
.details > .attributes:hover {
background-color:#ddd;
}
.details > .attributes:active, .details > .attributes:focus {
height:auto;
}
(here I added the :focus
attribute as well, but that didn't change anything)
How can I bypass this without editing the html-code and without javascript?