53 Commits

Author SHA1 Message Date
Max
33274e5b9a
feat(webapp): user teaser popover (#8450)
* 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>
2025-05-05 23:54:13 +00:00
Wolfgang Huß
a31274c793
refactor(webapp): refactor branding of post ribbons and chat etc. (#8395)
* 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'
2025-04-17 17:48:59 +02:00
elweyn
69394d800b Change default ocelot badge color to text-color-inverted. 2023-07-20 16:53:10 +02:00
elweyn
39eef13a51 Change the ocelot chat room badge color 2023-07-20 16:45:44 +02:00
Markus
897794b0ee [feature] changed seen checks for chat component 2023-07-19 11:06:05 +02:00
Markus
9cca4c9e6f [feature] changed chat style export so rebranding is also working for chat 2023-07-13 11:00:44 +02:00
Markus
b2976f06eb updated style for chat component 2023-07-12 12:34:12 +02:00
Markus
86bd4bad5b fixed intends for token style file 2023-07-12 09:38:31 +02:00
Markus
13b2968c28 added more base design to chat component & lint 2023-07-10 10:49:48 +02:00
Markus
59828c25d2 [feature] added basic custom styling for chat 2023-07-08 16:29:22 +02:00
elweyn
93a679c17a Add background color definitions
Add background ribbon colors

Co-authored-by: Tirokk <wolle.huss@pjannto.com>
Co-authored-by: entermex <max@infinity.labs.ooo>
2023-06-05 12:57:15 +02:00
entermex
9c98f87e69 refactor(webapp): changed color a bit litter for event-ribbons 2023-06-02 09:49:45 +02:00
entermex
a08d4f48ae refactor(webapp): changed color for event-ribbon.
Co-authored-by: Elweyn <heine.hannes@gmail.com>
2023-06-01 23:42:09 +02:00
Markus
02566a6e93 fixed hardcoded z-index of overlay, filter and add-btn 2023-05-02 15:49:26 +02:00
Wolfgang Huß
58fd233e70 Make branding color setting possible or better for donation bar and toaster 2023-02-28 20:49:50 +01:00
Wolfgang Huß
40057a2b0b Fix linting 2023-01-29 16:27:20 +01:00
ogerly
beebcdbee7 Merge branch 'master' into 5344-add-group-members-management 2022-09-23 10:47:08 +02:00
ogerly
858739eaa0 fix review 2022-09-22 18:42:58 +02:00
ogerly
1af5ce9e30 add [200~.ds-footer a {scss token 2022-09-22 18:20:13 +02:00
ogerly
0293fec7e7 step1 refactor rebranding 2022-09-22 16:51:48 +02:00
ogerly
58e48cfe77 rebrand in config for scss and styleguide 2022-09-21 12:09:35 +02:00
ogerly
41955c5f56 add gruopMenu 2022-09-13 20:40:40 +02:00
Wolfgang Huß
996853321f Remove list background image and adjust list style 2021-02-22 15:25:04 +01:00
Wolfgang Huß
80a3d84031 Add manually the new code of rbeer 2021-02-18 16:20:19 +01:00
Wolfgang Huß
7dbc833e22 Merge branch '2144-Add_Search_Results_Page' of https://github.com/Human-Connection/Human-Connection into HC-2144-Add_Search_Results_Page
# Conflicts:
#	webapp/pages/profile/_id/_slug.vue
2021-01-18 14:12:13 +01:00
dasari810
ae681ccad3 show supported img formats implemented 2020-10-26 16:35:06 +05:30
ogerly
6e934ed6b2 merge: master ok 2020-04-22 10:05:09 +02:00
Wolfgang Huß
9aacb22a58
Merge pull request #3293 from Human-Connection/1741-follow-lists
feat: FollowerList [1741]
2020-04-20 13:01:29 +02:00
Raphael Beer
e70faa0a2d
Review: user-teasers as unordered list 2020-04-19 17:58:22 +02:00
Raphael Beer
97a30ad8f8
Review: more cut off user-teaser vsisible 2020-04-16 20:15:10 +02:00
ogerly
94937c1496 feature: pagenation extended. page number display added, scroll to top at next and back, post display wider 2020-04-15 17:49:11 +02:00
Raphael Beer
b3f1137006
Review: fix styles 2020-04-09 23:39:47 +02:00
mattwr18
db20af2d39 Merge branch 'master' of github.com:Human-Connection/Human-Connection into 2144-Add_Search_Results_Page 2020-04-02 08:19:43 +02:00
Alina Beck
478e4fa08f include magic numbers in tokens, fix tests 2020-03-25 11:02:28 +01:00
Alina Beck
1ffde6bf10 refactor: CategoriesFilter to not use ds-flex
Co-authored-by: mattwr18 <mattwr18@gmail.com>

- introduce LabeledButton component
- rename FilterMenu to HashtagsFilter and FilterPosts to FilterMenu
2020-03-25 11:02:00 +01:00
Alina Beck
72d979de55 improve user search results styling 2020-03-23 14:21:41 +01:00
Alina Beck
7a818a04a7 refactor and design search results page (wip)
Co-authored-by: mattwr18 <mattwr18@gmail.com>
Co-authored-by: Raphael Beer <raphael.beer@protonmail.com>
2020-03-18 14:33:01 +01:00
Alina Beck
21eae3dcd2 refactor ribbon css 2020-02-24 22:22:51 +01:00
Alina Beck
ad385490bc follow @mattwr18 PR review
- replace magic numbers with tokens
- remove unused name attribute
- use slot shorthand (for the slots added in this PR)
2020-02-17 10:44:52 +01:00
Alina Beck
09dee69ee0 rename PostCard to PostTeaser 2020-02-11 10:07:16 +01:00
Alina Beck
db422257e4 add BaseCard component 2020-01-22 12:59:46 +03:00
Alina Beck
c5af2dbfb4 truncate overflowing user name 2020-01-21 11:58:54 +03:00
mattwr18
fdf00fc0c6 Follow @alina-beck's PR review suggestions
- Update styling
- Avoid nested tags
- Rename components with two names
- Add story

- Co-authored-by: Alina Beck <alina.beck@mail.com>
2020-01-20 10:04:30 +01:00
Alina Beck
a45d9749c8 Merge branch 'master' into button-migration-fixes 2020-01-15 14:35:05 +03:00
Alina Beck
c108603b8f fix tests and refactor Paginate component 2020-01-15 13:09:36 +03:00
Alina Beck
150d04080b follow @mattwr18 code review 2020-01-15 11:55:27 +03:00
Alina Beck
70d632e392 use scss tokens for counter icon and loading spinner 2020-01-09 14:47:14 +05:30
Alina Beck
b71638d29f use scss variables in base button component 2020-01-09 14:31:25 +05:30
Alina Beck
1b9249c685 manage button states and color schemes with mixin 2020-01-09 13:13:33 +05:30
Alina Beck
ab9ad46b14 style button variants 2019-12-17 13:29:29 +05:30