Skip to content

Conversation

@szaimen
Copy link
Contributor

@szaimen szaimen commented Sep 13, 2022

Follow-up to #34051

Before After
image image

Signed-off-by: szaimen [email protected]

@szaimen szaimen added the 2. developing Work in progress label Sep 13, 2022
@szaimen szaimen added this to the Nextcloud 25 milestone Sep 13, 2022
margin-right: auto;
}

#imgframe:has(audio) {
Copy link
Contributor Author

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 😍

Copy link
Member

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

Copy link
Contributor Author

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?

Copy link
Contributor

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.

Copy link
Contributor Author

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.

No, it also shows if there is a video where we do not want a margin... So what could be a solution to this?

Copy link
Contributor

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, ...)

Copy link
Contributor

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]>
@szaimen szaimen force-pushed the enh/noid/public-audio-style branch from ee77d56 to 386d34e Compare September 13, 2022 16:18
@szaimen
Copy link
Contributor Author

szaimen commented Sep 13, 2022

/compile amend /

Signed-off-by: nextcloud-command <[email protected]>
@nextcloud-command nextcloud-command force-pushed the enh/noid/public-audio-style branch from 386d34e to d40b5f5 Compare September 13, 2022 16:34
@szaimen szaimen added 3. to review Waiting for reviews ui-refresh-feedback and removed 2. developing Work in progress labels Sep 13, 2022
@szaimen szaimen requested review from a team, PVince81, Pytal, max-nextcloud and skjnldsv and removed request for a team September 13, 2022 16:59
@szaimen szaimen marked this pull request as ready for review September 13, 2022 16:59
@szaimen
Copy link
Contributor Author

szaimen commented Sep 13, 2022

CI failure unrelated

@szaimen szaimen merged commit cfcda15 into master Sep 13, 2022
@szaimen szaimen deleted the enh/noid/public-audio-style branch September 13, 2022 18:53
@skjnldsv skjnldsv mentioned this pull request Sep 15, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to review Waiting for reviews

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants