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>
- New badge UI, including editor.
- Adds config to enable/disable badges.
---------
Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
Co-authored-by: Maximilian Harz <maxharz@gmail.com>
* Refactor branding of post ribbons
* Refactor chat to be more brandable
* Refine avatar menu logout item to have danger color
* Change login menu item color to '$text-color-link'
* Scroll to notification settings when opened (for mobile)
* scroll to settings content when clicking on menu entry
* Scroll to settings content on mobile and fix weird loading state
* Add fail-safety
* Fix linting
