-
-
Notifications
You must be signed in to change notification settings - Fork 4.7k
fix public audio style #34055
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix public audio style #34055
Conversation
| margin-right: auto; | ||
| } | ||
|
|
||
| #imgframe:has(audio) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this is such a useful selector 😍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just a note that firefox doesn't support this yet
https://caniuse.com/?search=has
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is unfortunate! Do you have an idea for a better selector that works everywhere or maybe does @skjnldsv has one?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think you could also apply the margin on the .plyr element. That only shows when there's an audio file.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think you could also apply the margin on the
.plyrelement. That only shows when there's an audio file.
No, it also shows if there is a video where we do not want a margin... So what could be a solution to this?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We can add a data-handler property to the #viewer element just like we do in the modal.
That will allow styling depending on the selected handler (audio, video, image, text, ...)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Signed-off-by: szaimen <[email protected]>
ee77d56 to
386d34e
Compare
|
/compile amend / |
Signed-off-by: nextcloud-command <[email protected]>
386d34e to
d40b5f5
Compare
|
CI failure unrelated |
Follow-up to #34051
Signed-off-by: szaimen [email protected]