Add boundary to v-popover to avoid random flickering when hovering a user teaser
Preload user data to avoid resizing (and sometimes repositioning) of popover after data has been loaded
Fixes long comment overflow.
There is some underlying problem with flex box and overflows. A better solution could be to use a grid, but this was the fastest I would come up with.
Fixes hidden group name appearance
* - optimized header
- added possibility of extra mobile logo
* - changed behavior of NotificationMenu link get directly open for mobile
* - moved notification links to the top of the menu
* - optimized chat view for mobile
* - added logo branding structure
* - added logo branding structure
* - fixed chat height
* - fixed paddings for internal pages
* Fix linting
* Fix linting
---------
Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
* calculate distance between current user and queried user
* fix query for unset location
* use database to calculate distance
* rename distance to distance to me, 100% calculation done in DB
* distanceToMe tests
* lint fixes
* remove comments
* Show user teaser popover with badges, Desktop
* Refactor UserTeaser and add mobile popover support
* Avoid click propagation (WIP)
* Prevent event propagation
* Adjust alignment and font sizes
* More spacing for statistics
* Add distance, simplify user link
* Refactor location info into own component
* Add tests for UserTeaserPopup
* Refactor and test LocationInfo
* Query distanceToMe, rename distance to distanceToMe
* Update test
* Improve tests for UserTeaser, WIP
* Fix tests
* DistanceToMe on User instead of Location
* Revert "DistanceToMe on User instead of Location"
This reverts commit 96c9db00a44cd120e47bfe9534d3e066a194744c.
* Fix notifications
* Refactor UserTeaser and fix location info
* Fix group member crash
* Show 0 distance
* Fit in popover on small screens
* Allow access to profile on desktop
* Revert backend changes
* Load user teaser popover data only when needed
* Fix type mismatch
* Refactor for clarity and accessibility
* Litte refactorings and improvements
* Fix popover test
* Adapt and fix tests
* Fix tests and bugs
* Add placeholder
* cypress: adapt user teaser locator to changes
* Remove delays and scrolling
* Disable popovers in notification list and fix layout
* Remove flickering
* Make overlay catch all pointer events on touch devices
* Re-add attribute for E2E test
* Fix test, return to mouseover
* fix snapshot
---------
Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
Co-authored-by: mahula <lenzmath@posteo.de>
* - fixed padding for mobile in basic layout
* Select .layout-blank class only
---------
Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
* Refine locals of some internal pages headlines
* Create page 'legacy information'
* Move filter button into menu
* Refine page 'legacy information'
* Create internal page 'code-of-conduct.html'
* Refine internal page 'code-of-conduct.html'
* Refine page 'legacy information'
* Create internal page 'imprint.html'
* Create internal page 'faq.html'
* Create internal page 'support.html'
* Refine internal page 'faq.html'
* Refine internal page 'imprint.html'
* Move parts of internal page 'data-privacy.html' to 'terms-and-conditions.html'
* Refine internal page 'data-privacy.html'
* Fix tool tip text
* Fix 'email' -> 'e-mail'
* Rename title of organization footer item
- Remove donation page from footer
* Change 'Reformer.Network' to 'Reformer.network'
* Create internal page 'organization.html'
* Refine internal pages
* Translate internal pages
* Change brandings $secondary-color from 'rgb(244, 142, 0)' to 'rgb(239, 123, 0)'
* Change branding $color-primary-active from 'rgb(95, 97, 92)' to 'rgb(135, 135, 135)'
* Move commented font commands in '_branding.scss'
* Set $color-tertiary-light and ribbon colors in '_branding.scss'
* Refactor branding of post ribbons
* Refactor Logos
* Change branding $secondary-color from 'rgb(239, 123, 0)' to 'rgb(239, 124, 0)'
* Refactor colors after the designer suggestions - first step
* Change diverse collorings
- Change border color
- Change plus button
- Change hashtag color
- Change footer link hover
- Change number count color
- Change input border color
* Add font Inter
* Use font Inter
* Make font branding work
* Hover effect for user teaser
* Syncronize 'metadata.ts' with webapp
* Refine e-mail notifications
* Adjust notification settings buttons
* Refine third party setting
* Fix post teaser counter icon tooltips translations
* Refine e-mail notifications
* Refine third party setting
* Add link hover to all internal pages
* Set font family to Inter
- Cleanup
* Set background, color, and font weight of user avatar
* Make login, registration, password-reset layout brandable
- Rename some variables related to this
* Set background images for Login etc.
* Set layout for Login etc. to be 'blank'
* Add login etc. background images
* - first fix for login, registration and password-reset
* - fixed background (including jumping)
* - removing quote block by css
- adding text block by css
* - set font weight
* - added approach also for registration page
* removed registration hack
---------
Co-authored-by: Maximilian Harz <maxharz@gmail.com>
Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
* Refine locals of some internal pages headlines
* Create page 'legacy information'
* Move filter button into menu
* Refine page 'legacy information'
* Create internal page 'code-of-conduct.html'
* Refine internal page 'code-of-conduct.html'
* Refine page 'legacy information'
* Create internal page 'imprint.html'
* Create internal page 'faq.html'
* Create internal page 'support.html'
* Refine internal page 'faq.html'
* Refine internal page 'imprint.html'
* Move parts of internal page 'data-privacy.html' to 'terms-and-conditions.html'
* Refine internal page 'data-privacy.html'
* Fix tool tip text
* Fix 'email' -> 'e-mail'
* Rename title of organization footer item
- Remove donation page from footer
* Change 'Reformer.Network' to 'Reformer.network'
* Create internal page 'organization.html'
* Refine internal pages
* Translate internal pages
* Change brandings $secondary-color from 'rgb(244, 142, 0)' to 'rgb(239, 123, 0)'
* Change branding $color-primary-active from 'rgb(95, 97, 92)' to 'rgb(135, 135, 135)'
* Move commented font commands in '_branding.scss'
* Set $color-tertiary-light and ribbon colors in '_branding.scss'
* Refactor branding of post ribbons
* Refactor Logos
* Change branding $secondary-color from 'rgb(239, 123, 0)' to 'rgb(239, 124, 0)'
* Refactor colors after the designer suggestions - first step
* Change diverse collorings
- Change border color
- Change plus button
- Change hashtag color
- Change footer link hover
- Change number count color
- Change input border color
* Add font Inter
* Use font Inter
* Make font branding work
* Hover effect for user teaser
* Syncronize 'metadata.ts' with webapp
* Refine e-mail notifications
* Adjust notification settings buttons
* Refine third party setting
* Fix post teaser counter icon tooltips translations
* Refine e-mail notifications
* Refine third party setting
* Add link hover to all internal pages
* Set font family to Inter
- Cleanup
* Set background, color, and font weight of user avatar
---------
Co-authored-by: Maximilian Harz <maxharz@gmail.com>
