Skip to content

Conversation

@Jerome-Herbinet
Copy link
Member

@Jerome-Herbinet Jerome-Herbinet commented Jun 7, 2023

fixes: #4210

Respawn of old PR #3295 (which encountered a cypress:update-snapshots problem)

Currently, on the right side panel, the labels end too easily with ellipsis dots. This is, from my personal and professional experience, too restrictive because we often cannot see the continuation of the file or event name (potentially also in any other similar case using this "vue"). It's a pain especially in Nextcloud Calendar but in Nextcloud Files too and probably in other apps.

I propose, with this change, to allow 3 lines to be displayed before the ellipsis.

Nextcloud Calendar test :
2022-09-26_16-01
2022-09-26_16-00_1
2022-09-26_16-00
2022-09-26_16-15

Nextcloud Files test :
2022-09-27_15-35
2022-09-26_15-57_1
2022-09-26_15-57
2022-09-26_15-56

Note :
My only point of hesitation concerns the management of long (or even very long) unbreakable words with the "hyphens" CSS property, which sometimes causes a hyphen to appear just above the suspension points.

@Jerome-Herbinet
Copy link
Member Author

Jerome-Herbinet commented Jun 7, 2023

"npm run cypress:update-snapshots" ran successfully, but Cypress / Runner 1 (and 2) still crash. Don't know why.

@raimund-schluessler
Copy link
Contributor

"npm run cypress:update-snapshots" ran successfully, but Cypress / Runner 1 (and 2) still crash. Don't know why.

#3295 (comment)

@raimund-schluessler
Copy link
Contributor

"npm run cypress:update-snapshots" ran successfully, but Cypress / Runner 1 (and 2) still crash. Don't know why.

You need to download and commit the snapshots that the Github action created: https://github.com/nextcloud/nextcloud-vue/suites/13434227827/artifacts/736443982

@Jerome-Herbinet
Copy link
Member Author

"npm run cypress:update-snapshots" ran successfully, but Cypress / Runner 1 (and 2) still crash. Don't know why.

You need to download and commit the snapshots that the Github action created: https://github.com/nextcloud/nextcloud-vue/suites/13434227827/artifacts/736443982

@raimund-schluessler
I replaced the snapshots files on my local machine but I cannot go further because gitignore is ignoring the cypress folder. What should I do now ? (remove concerned lines in the .gitignore file ?)

Copy link
Contributor

@jancborchardt jancborchardt left a comment

Choose a reason for hiding this comment

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

Note that in the new screenshots all the words are underlined in red by the spellchecker. It is better to take screenshots when you switch the system language to English - or alternatively add those words to the dictionary. :) (cc @szaimen to whom I mentioned the issue before too)

Copy link
Contributor

Choose a reason for hiding this comment

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

Vertical alignment is off here (also before)

Copy link
Contributor

Choose a reason for hiding this comment

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

Vertical alignment is off here (also before)

@susnux susnux added this to the 8.1.0 milestone Nov 8, 2023
@AndyScherzinger AndyScherzinger modified the milestones: 8.1.0, 8.1.1, 8.2.0, 8.3.0 Nov 14, 2023
@susnux susnux modified the milestones: 8.3.0, 8.4.0 Dec 1, 2023
@ShGKme ShGKme modified the milestones: 8.4.0, 8.4.1 Dec 27, 2023
@susnux susnux modified the milestones: 8.4.1, 8.5.0 Jan 15, 2024
@Pytal Pytal modified the milestones: 8.5.0, 8.6.0 Jan 23, 2024
@Jerome-Herbinet
Copy link
Member Author

I'm looking to this old PR.
Can somebody help me to understand why so may files have been changed (97) ?

@raimund-schluessler
Copy link
Contributor

raimund-schluessler commented Jan 25, 2024

I'm looking to this old PR. Can somebody help me to understand why so may files have been changed (97) ?

Because NcAppSidebar is tested by a visual regression test, for which we need base images to compare with. If you visually change NcAppSidebar, the base images need to be updated as well.
And since there were changes to this component in the meantime, you got conflicts with all these files.

The best would be to rebase to current master, ignore all changes to the base images, and create new/updated base images with your adjustments.

@Jerome-Herbinet
Copy link
Member Author

I rebased the branch and add cypress files, but I can't push because I don't have the write rights :

git remote add upstream-2 https://github.com/nextcloud-libraries/nextcloud-vue.git
jh-arawa@administrateur-ThinkBook-15-G2-ITL:/Documents/GitHub/nextcloud-vue$ git remote -v
origin https://github.com/Jerome-Herbinet/nextcloud-vue.git (fetch)
origin https://github.com/Jerome-Herbinet/nextcloud-vue.git (push)
upstream https://github.com/nextcloud/nextcloud-vue.git (fetch)
upstream https://github.com/nextcloud/nextcloud-vue.git (push)
upstream-2 https://github.com/nextcloud-libraries/nextcloud-vue.git (fetch)
upstream-2 https://github.com/nextcloud-libraries/nextcloud-vue.git (push)
jh-arawa@administrateur-ThinkBook-15-G2-ITL:
/Documents/GitHub/nextcloud-vue$ git push upstream-2 Jerome-Herbinet-patch-better-readability-of-long-files-and-events-names
Username for 'https://github.com': Jerome-Herbinet
Password for 'https://[email protected]':
remote: Permission to nextcloud-libraries/nextcloud-vue.git denied to Jerome-Herbinet.
fatal: impossible d'accéder à 'https://github.com/nextcloud-libraries/nextcloud-vue.git/' : The requested URL returned error: 403
jh-arawa@administrateur-ThinkBook-15-G2-ITL:~/Documents/GitHub/nextcloud-vue$ git remote add upstream-2 https://github.com/nextcloud-libraries/nextcloud-vue.git

@ShGKme ShGKme force-pushed the Jerome-Herbinet-patch-better-readability-of-long-files-and-events-names branch from 68d2cbb to d024222 Compare May 6, 2024 14:20
@ShGKme ShGKme requested review from jancborchardt and susnux May 6, 2024 14:41
Copy link
Contributor

@susnux susnux left a comment

Choose a reason for hiding this comment

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

makes sense for me

@Antreesy Antreesy modified the milestones: 8.11.3, 8.11.4 May 7, 2024
@susnux susnux modified the milestones: 8.11.4, 8.12.1 May 19, 2024
@Jerome-Herbinet
Copy link
Member Author

@ShGKme ; can you help me with new conflicts ?

@Jerome-Herbinet Jerome-Herbinet added design Design, UX, interface and interaction design papercut Annoying recurring issue with possibly simple fix. labels May 23, 2024
@susnux susnux modified the milestones: 8.12.1, 8.13.1, 8.14.0 Jun 25, 2024
@susnux susnux modified the milestones: 8.14.0, 8.15.0 Jul 4, 2024
@Antreesy Antreesy modified the milestones: 8.15.0, 8.15.1 Jul 23, 2024
@susnux susnux modified the milestones: 8.15.1, 8.15.2 Jul 29, 2024
@ShGKme ShGKme modified the milestones: 8.15.2, 8.16.0 Aug 3, 2024
@Antreesy Antreesy modified the milestones: 8.16.0, 8.17.0 Aug 5, 2024
@susnux susnux removed this from the 8.17.0 milestone Aug 21, 2024
@Jerome-Herbinet
Copy link
Member Author

@jancborchardt after testing NC 29 (should be the same with NC 30) :

  • Files : problem solved with a tooltip (hover)
  • Calendar : problem solved with something like I did in this PR

I close this PR

@jancborchardt jancborchardt deleted the Jerome-Herbinet-patch-better-readability-of-long-files-and-events-names branch August 22, 2024 14:49
@jancborchardt
Copy link
Contributor

@Jerome-Herbinet cool, thanks for checking and updating! :)

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 design Design, UX, interface and interaction design feature: app-sidebar Related to the app-sidebar component papercut Annoying recurring issue with possibly simple fix.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Event title not fully readable in the right side panel