mirror of
https://github.com/pretix/pretix.git
synced 2026-05-06 15:24:02 +00:00
[A11y] make location & time icons role=img with labels (#4955)
* [A11y] use icon’s title-attribute instead of hidden text for events location and time * Fix icons with role=img * simplify css
This commit is contained in:
committed by
GitHub
parent
902527f8aa
commit
fdbcffd5fd
@@ -397,27 +397,26 @@ body.loading .container {
|
||||
}
|
||||
|
||||
.info-row {
|
||||
& > .fa {
|
||||
position: relative;
|
||||
min-height: 30px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.info-row-icon {
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
left: 0;
|
||||
font-size: 26px;
|
||||
color: $brand-primary;
|
||||
float: left;
|
||||
margin-top: 3px;
|
||||
}
|
||||
& > img {
|
||||
width: 26px;
|
||||
height: auto;
|
||||
float: left;
|
||||
margin-top: 3px;
|
||||
position: relative;
|
||||
left: 3.71423px; /* Position analog to what fa-fw does */
|
||||
.fa {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
p {
|
||||
min-height: 30px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $screen-md-min) {
|
||||
|
||||
Reference in New Issue
Block a user