135 Commits

Author SHA1 Message Date
sebastian2357
b1c19d0c94
fix(webapp): optimize registration layout (#8630)
* - fixed nowrap for button
- restyled bullets for slider
- relocated back links
- removed icons

* - removed icon from RegistrationSlideEmail too

* - added media query for padding

* - fixed missing constants

* - fixed padding in no-header layout

* - fixed sticky footer in registration flow

* - removed icons from inputs

* - set fixed height for back link

* - fixed invite code placeholder

* - added auto submit to invite and email code forms
- fixed layout password inputs
- added layout to checkboxes (create)
- removed unnecessary texts
- moved backLink for password-reset
- tidied up create layout

* fixed margin

* - fixed nonceLength

* lint fixes

* corrected path

---------

Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
2025-06-11 16:45:03 +00: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