Sharing in list: Use .hidden-visually instead of display:none for accessibility, fix #11661
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
parent
7a70c37549
commit
5369a132b6
|
@ -541,8 +541,15 @@ a.action > img {
|
|||
opacity: .3;
|
||||
&.action-share {
|
||||
padding: 17px 14px;
|
||||
> span:not(.icon) {
|
||||
display: none;
|
||||
&.permanent:not(.shared-style) .icon-shared + span {
|
||||
/* hide text of the share action */
|
||||
/* .hidden-visually for accessbility */
|
||||
position: absolute;
|
||||
left:-10000px;
|
||||
top: auto;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.avatar {
|
||||
display: inline-block;
|
||||
|
@ -752,7 +759,7 @@ table.dragshadow td.size {
|
|||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
z-index:1;
|
||||
|
||||
|
||||
> a[href='#'] {
|
||||
// if no link is set, no mouse feedback
|
||||
box-shadow: none !important;
|
||||
|
|
|
@ -36,8 +36,14 @@ table.multiselect thead {
|
|||
margin-right: 6px;
|
||||
}
|
||||
/* hide text of the share action on mobile */
|
||||
#fileList a.action-share span:not(.icon) {
|
||||
display: none !important;
|
||||
/* .hidden-visually for accessbility */
|
||||
#fileList a.action-share span:not(.icon):not(.avatar) {
|
||||
position: absolute;
|
||||
left:-10000px;
|
||||
top: auto;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue