Skip to content
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

feat(files): properly format buttons, align mtime to the left and apply opacity based on file last modification #40583

Merged
merged 1 commit into from Sep 28, 2023

Conversation

skjnldsv
Copy link
Member

@skjnldsv skjnldsv commented Sep 22, 2023

  • Mtime is alligned left
  • Mtime needs colour fade from now to 31 days old
  • Buttons should not be messed with the padding as padding-block is used and not simple padding

image

@skjnldsv skjnldsv added this to the Nextcloud 28 milestone Sep 22, 2023
@skjnldsv skjnldsv added this to In progress in Files to vue via automation Sep 22, 2023
@skjnldsv skjnldsv self-assigned this Sep 22, 2023
@skjnldsv skjnldsv marked this pull request as ready for review September 22, 2023 14:26
@skjnldsv skjnldsv force-pushed the feat/f2v/dnd branch 4 times, most recently from 9ef05d6 to e3b2af4 Compare September 26, 2023 18:22
Base automatically changed from feat/f2v/dnd to master September 26, 2023 18:33
@skjnldsv skjnldsv force-pushed the feat/button-mtime branch 3 times, most recently from b2a9ab7 to 7e6cfd3 Compare September 27, 2023 08:35
…ly opacity based on file last modification

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
@skjnldsv skjnldsv requested review from a team, susnux, Pytal, szaimen and artonge and removed request for a team September 27, 2023 08:39
@@ -389,6 +390,24 @@ export default Vue.extend({
}
return this.t('files_trashbin', 'A long time ago')
},
mtimeOpacity() {
// Whatever theme is active, the contrast will pass WCAG AA
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

So I assume that this accessible.
@JuliaKirschenheuter wasn't this remove from the old files view?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Jan talked to me about it recently and said it was missing :)
but yes, it does pass WCAG AA (not AAA, which is ok for secondary text)
image

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Contributor

@artonge artonge left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's maybe wait for @JuliaKirschenheuter input

@skjnldsv skjnldsv merged commit cdd0790 into master Sep 28, 2023
39 of 40 checks passed
Files to vue automation moved this from In progress to Done Sep 28, 2023
@skjnldsv skjnldsv deleted the feat/button-mtime branch September 28, 2023 08:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Files to vue
  
Done
Development

Successfully merging this pull request may close these issues.

None yet

3 participants