Robert Schäfer
d5ded75078
feat(backend): resize images with imagor
...
Open questions:
* Do we have external URLs for images? E.g. we have them for seeds. But
in production?
* Do we want to apply image transformations on these as well? My current
implementation does not apply image transformations as of now. If we
want to do that, we will also expose internal URLs in the kubernetes
Cluster to the S3 endpoint to the client.
TODOs:
* The chat component is using a fixed size for all avatars at the moment.
Maybe we can pair-program on this how to implement responsive images in
this component library.
2025-06-11 21:18:23 +08:00
4b3a26d517
feat(webapp): shout comments ( #8600 )
...
* shout comments
* fix notifications
* Remove whitespace for empty category sections
* Overhaul post actions
* Adjust spacing
* Allow fine-grained size control for icons and circle buttons via css variables; adjust comments layout
* Adjust spacing
* Add test for ActionButton (WIP)
* Rename import
* Remove text and add count bubble
* Use filled icons to indicate active states
* Adjust sizes and orientation
* Remove unused properties, add test
* Fix ObserveButton test
* Fix ShoutButton test
* fix tests
* Adapt styles
* Adjust style for larger numbers
* Remove unused icon
* Fix test structure
* Remove unused class names
---------
Co-authored-by: Maximilian Harz <maxharz@gmail.com>
2025-05-31 00:13:15 +02:00
sebastian2357
ff366a4075
fix(webapp): mobile optimization ( #8516 )
...
* - 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>
2025-05-09 17:04:06 +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
mahula
47d79544c6
adapt name and random faking to updates faker api
2024-04-29 08:18:00 +02:00
mahula
d8e47238bb
adapt faker import in webapp to package update
2024-04-29 07:44:49 +02:00
Tarun Samanta
8699d1049e
Update webapp/components/_new/generic/CounterIcon/CounterIcon.vue
...
Applied v-if only to the span tag
Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
2023-09-26 20:37:53 +05:30
Tarun Samanta
d07fa4be0e
Update CounterIcon.vue
2023-09-26 02:39:47 +05:30
Tarun Samanta
76736b1d52
[Feature] Chat: Only show counter if unread messages exist
2023-09-25 23:28:06 +05:30
Wolfgang Huß
4c0469f61a
Add tooltip to header avatar menu
...
- Add 'showProfileNameTitle' to profile avatar.
2023-03-23 07:51:19 +01:00
Wolfgang Huß
3f875525f2
Change shout icon 'bullhorn' to 'heart-o'
2023-03-09 18:41:34 +01:00
Moriz Wahl
6eb5ad25af
get all components tests running
2023-02-15 11:12:19 +01:00
Moriz Wahl
4ce5bdd6fa
get most components working
2023-02-15 10:23:34 +01:00
Moriz Wahl
a4fd558a88
Update webapp/components/_new/generic/BaseIcon/BaseIcon.vue
2023-02-03 20:18:53 +01:00
Wolfgang Huß
11376facb1
Adjust globe position in header button
2023-01-31 18:54:39 +01:00
Wolfgang Huß
ab493e1a25
Adjust globe position in header button
2023-01-31 17:46:26 +01:00
Wolfgang Huß
8061b1d0fe
Reduce size of map button a bit
2023-01-31 15:47:13 +01:00
Wolfgang Huß
e4d209526c
Add different sizes to 'BaseIcon.vue'
2023-01-31 12:50:12 +01:00
Wolfgang Huß
c25a7377a8
Add CSS 'letter-spacing: $letter-spacing-large' to 'base-button' like in 'ds-button'
2023-01-29 12:58:39 +01:00
Wolfgang Huß
b9488d7d7a
Merge branch 'master' of github.com:Ocelot-Social-Community/Ocelot-Social into 5059-epic-groups
2022-10-25 13:33:11 +02:00
Susmit Mukherjee
917c20c7c7
Addressed issue #5427,Long words are being wrapped now
2022-10-23 22:14:18 +05:30
Wolfgang Huß
2aa85d7b05
Merge branch '5059-epic-groups' of github.com:Ocelot-Social-Community/Ocelot-Social into 5344-add-group-members-management
...
# Conflicts:
# backend/src/db/graphql/groups.js
# backend/src/schema/resolvers/groups.js
# webapp/components/Group/GroupCard.vue
# webapp/components/Group/GroupForm.vue
# webapp/components/Group/GroupTeaser.vue
# webapp/graphql/groups.js
# webapp/locales/de.json
# webapp/locales/en.json
# webapp/pages/group/edit/_id.vue
2022-09-23 15:04:49 +02:00
Wolfgang Huß
a20d66b1bc
Fix type validation error in BaseButton
2022-09-21 08:01:47 +02:00
Wolfgang Huß
2e0e485bbd
Fix multiple use of 'disabled' property in BaseButton component in code base by implementing it.
2022-09-19 06:56:40 +02:00
ogerly
41955c5f56
add gruopMenu
2022-09-13 20:40:40 +02:00
Wolfgang Huß
9b83b37ea3
Upload group avatar on group profile page
2022-09-06 09:14:28 +02:00
Wolfgang Huß
5f43a51c6a
Rename prop 'user' of 'profile-avatar' to 'profile'
2022-08-29 18:39:51 +02:00
Wolfgang Huß
615ee2991a
Rename Component from 'UserAvatar' as 'user-avatar' to 'ProfileAvatar' as 'profile-avatar'
2022-08-29 18:21:50 +02:00
Wolfgang Huß
077a63aca7
Rename class 'user-avatar' to 'profile-avatar'
2022-08-29 18:09:51 +02:00
Wolfgang Huß
50bdfb80e2
Change from require to import which now works again
2022-05-04 09:15:47 +02:00
Wolfgang Huß
634249b407
Fix the rest of the faker imports
...
- Some seems to work even the old way?!
2022-05-03 14:22:10 +02:00
Wolfgang Huß
ff6cc306af
Refactor logos, first step
2021-05-18 17:04:48 +02:00
Wolfgang Huß
f176fa5c3b
Refine and remove the last very small rest of the unwanted boarder
2021-03-30 17:33:24 +02:00
Wolfgang Huß
e48a99afe6
Change background color of avatar image to white
...
- Refactor the user avatar storybook.
2021-03-30 15:53:33 +02:00
Wolfgang Huß
cf9eafa2eb
Refactor TabNavigator.vue storybook entry
2021-01-26 09:50:10 +01:00
Wolfgang Huß
3ef41adfb1
Refactor TabNavigator.story.js
2021-01-25 15:28:07 +01:00
Wolfgang Huß
1f8fdb78fd
Write unit test for TabNavigator.vue
2021-01-25 11:00:08 +01:00
Wolfgang Huß
9194c58176
Implement TabNavigation test, start
2021-01-22 11:27:45 +01:00
Wolfgang Huß
ae09aee91c
Renamed NewTabNavigation to TabNavigation
...
- Renamed old TabNavigation to OldTabNavigation.
2021-01-21 20:27:13 +01:00
Wolfgang Huß
101b50486c
Cleanup comments
2021-01-21 13:03:32 +01:00
Wolfgang Huß
830eb1010c
Refactored SearchResults.spec.js to new tab component
2021-01-21 11:36:39 +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
Wolfgang Huß
b076fa57ec
Improve component for user profile tab and use on search page, refinement needed
2020-09-30 11:01:34 +02:00
Wolfgang Huß
5e910000aa
Implement component for user profile tab, first step
2020-09-28 13:12:29 +02:00
Wolfgang Huß
20c52b16e7
Temporary fix tests for SearchResult.vue
...
- Now the buttons are disabled instead of remove from the DOM.
2020-09-25 13:46:56 +02:00
Wolfgang Huß
7fd861caa0
Fix tests for pagination buttons
...
- Now the buttons are disabled instead of remove from the DOM.
2020-09-25 13:31:35 +02:00
Wolfgang Huß
965dc48dae
Fix tests for pagination buttons
...
- Now the buttons are disabled instead of remove from the DOM.
2020-09-25 10:00:17 +02:00
Moriz Wahl
d049ad5d3e
changes requested by review https://github.com/Human-Connection/Human-Connection/pull/3271
2020-09-24 13:14:35 +02:00
Moriz Wahl
af56c3dd4b
Layout improved for Searcg Result page
2020-09-24 12:21:57 +02:00
Moriz Wahl
7bf9dfde29
fixed test for PaginationButtons. ToDo: How to mock v-sroll-to
2020-09-24 10:41:22 +02:00