Commit Graph

224 Commits

Author SHA1 Message Date
mgabdev 8aeeaa7244 Added type to modal_root base 2019-07-22 23:01:12 -04:00
Dank Gabs bdedac71f1 Fixed border radius. 2019-07-22 22:36:54 -04:00
Dank Gabs 47a18f6024 Adjustments to the create group form to match mockup specs.
Strip out css for form input from component css file.
Created global form input css.
Padding adjustments.
2019-07-22 22:35:46 -04:00
Dank Gabs 97ad49c617 Added container standards to the inline composer block.
Some css cleanup.
2019-07-22 21:40:19 -04:00
Dank Gabs fceb5dccb0 Added gab container standards css to the center column.
The center columns still need a lot of work to bring to spec with the mockups.
This is just one small step closer.
2019-07-22 21:37:45 -04:00
Dank Gabs f7ca5f28df Adjust bottom margin of group cards to match mockup specs. 2019-07-22 21:10:11 -04:00
Dank Gabs 9752de6a3e Added the forgotten commit from the last merge request.
The gab-container-standards mixin contains all standard container common properties (background color, corner radius, anything else shared across the board).
2019-07-22 21:08:29 -04:00
Dank Gabs deaa6b41c2 A little bit of cleanup. 2019-07-22 21:05:50 -04:00
Dank Gabs 3f59aab944 New Groups icon and adjustments to tabs bar css.
Tweaked all the positioning of everything so it's precise in zoomed in screenshots against the mockups.
2019-07-22 17:43:11 -04:00
Andrew Torba 7f05f4d47c Merge branch 'group-css' into 'develop'
Fix alignment of group cards

See merge request gab/social/gab-social!15
2019-07-22 20:45:15 +00:00
mgabdev 1054e0c51b Updated list_timeline to check for new list id on to reload new list
added check in componentWillReceiveProps for new params.id for updating list
fixes: #53
2019-07-22 16:02:48 -04:00
mgabdev efb3ac7ac3 Added unauthorized modal on detail status action buttons
fixes: #52
added isRequired propType on onOpenUnauthorizedModal on normal status
2019-07-22 15:39:45 -04:00
Alex Gleason 83763d5ec8
Fix alignment of group cards 2019-07-22 15:21:14 -04:00
mgabdev ef3f9a801e Updated GroupSidebarPanel locations, keys
added/updated keys to layout array to remove "missing key" error in ui/index
updated location of group sidebar panel to always be above wtf panel
2019-07-22 00:10:45 -04:00
mgabdev 0216aa973c Updated groups sidebar title
Capitalized the title
2019-07-22 00:09:30 -04:00
Rob Colbert c344219057 Merge branch 'groups-updates' of https://code.gab.com/gab/social/gab-social into develop 2019-07-21 23:50:19 -04:00
mgabdev 7c64900f49 Updated theming for group background colors 2019-07-21 23:46:38 -04:00
Rob Colbert 46bec5710f Merge branch 'groups-updates' of https://code.gab.com/gab/social/gab-social into develop 2019-07-21 23:08:31 -04:00
Rob Colbert 6b43c2ee76 Merge branch 'styling/patch-colors-for-groups-updates' into 'groups-updates'
Updates for the Groups styling

See merge request gab/social/gab-social!14
2019-07-22 02:55:26 +00:00
2458773093 aefe5a44f3 show group sidebar panel across the site 2019-07-22 05:12:59 +03:00
2458773093 06e1c47ff4 group sidebar panel improvements 2019-07-22 02:45:14 +03:00
2458773093 61134fb645 group sidebar panel ui 2019-07-22 02:36:55 +03:00
Dank Gabs d5d52d4df9 Added a standard button class for anchor tags to become pseudo-buttons.
Button and anchor-button render exactly the same.
Applied standard-small class to create group anchor.
2019-07-20 00:31:16 -04:00
Dank Gabs d6ebbad3c9 Change blue reference in variable name.
Keep color names out of color variables so they can be changed later and still make sense.
Name based on primary function.
2019-07-20 00:14:13 -04:00
Dank Gabs 9637e35e17 Added a "buttons" component file to css stack.
Removed button style spec from group form into a re-usable class.
2019-07-20 00:10:29 -04:00
Dank Gabs e008cb292a Update cards to use gab standard container properties. 2019-07-19 23:56:23 -04:00
Dank Gabs 20c36b1e94 Allow group cards to expand and contract with the height of their content. 2019-07-19 23:54:17 -04:00
Dank Gabs b97d23f9e2 Adjustments to margins and container sizing to match mockup specs. 2019-07-19 23:34:15 -04:00
Dank Gabs 713deb810f Quick adjustments to column position and margins to match mockup spec. 2019-07-19 23:25:43 -04:00
Dank Gabs 187d9bd4e2 Adjust column padding to match mockup specs 2019-07-19 23:04:43 -04:00
Dank Gabs 5061e8f9e4 Removed the mixins that were moved from the variables file. 2019-07-19 22:23:32 -04:00
mgabdev bc3959fce2 Added search button to list editor modal 2019-07-19 18:53:16 -04:00
mgabdev 5077165275 Updated edit list form
only show "save title" button if title has been changed
2019-07-19 18:32:05 -04:00
mgabdev 94b8ea23fd Added onClose function to list editor modal 2019-07-19 18:02:36 -04:00
mgabdev 937a7540bd Updated column backBtnSlim prop type 2019-07-19 15:33:42 -04:00
mgabdev 57bc960da0 Added keys to layout items in ui/index
fixes the error displaying in console for missing keys
2019-07-19 15:33:27 -04:00
mgabdev 0ba57e695a Updated generic compose-modal to not take up full screen
leave some space to make users aware its a dialog
2019-07-19 15:32:54 -04:00
mgabdev 284a9ef082 Added min-height to error indicator 2019-07-19 15:32:18 -04:00
mgabdev 60c77a6ca3 Updated list components
Updated list edit/add modal to be more user friendly. Added titles where necessary. Spaced out components/divs. Added text buttons instead of checkmark and plus icons for list titles. Updated title where list is empty of accounts/posts where user can click to add people to list. Added add/remove to list from account action dropdown
2019-07-19 15:31:55 -04:00
Dank Gabs 8e1d931996 Stopping point.
Just saving current progress to pick back up tomorrow.
2019-07-19 00:53:20 -04:00
Dank Gabs 96bd40f2ff Removed Height from group card.
Each card's height is determined by it's content.
Use flex positioning to position them top-aligned for each row like mockups.
2019-07-19 00:34:01 -04:00
mgabdev cfe4d7530c Updated home_column_header for lists
if no lists, go to /lists page
2019-07-19 00:20:33 -04:00
mgabdev 94566e0ab4 Added list functionality to home page, updated column header buttons for list 2019-07-19 00:03:57 -04:00
mgabdev 3ec39ee7c9 Updated scrollable list to improve infinite scoll 2019-07-18 23:55:32 -04:00
mgabdev db480928ec Added column back button to column component by default 2019-07-18 23:27:54 -04:00
mgabdev 0510fe0915 Added column back button to hashtag timeline component 2019-07-18 23:27:22 -04:00
mgabdev 9f9103b11c Removed column back button from all feature component 2019-07-18 23:27:07 -04:00
2458773093 04b219355c Merge branch 'develop' into groups-updates
* develop:
  Updated status component to use properStatus when going to status page
  Added floating action button to ui/index
  Removed floating action button from columns area
  Fix issue with notification badge number not showing on mobile
  Updated scrollable_list to use documentElement for (primary/only) scrolling functionality
  Added onScroll props to status_list
  Added timeline scrollTop action, added to status_list_container, scrollable_list
  Removed unnecessary scrollContainer in status, account_gallery
  Added missing isLoading prop to ScrollableList
  Updated scrollable_list intersectionObserverWrapper
  Updated floatingActionButton to only show if someone is logged in
  Updated timeline_queue_button_header
  Removed focus of compose/cw after submit or spoiler change
  Removed set height of 100% on body
  Removed unused redirect after compose submit
  Patch Fix for hidden poll choices and results on light theme.
  Updated notification badge number formatter
  Fixed status/repost functionality to show status if owned by given username
  admin tool for editing pro status of accounts
2019-07-18 23:02:16 +03:00
2458773093 f33c178b5a New form style for groups 2019-07-18 22:37:53 +03:00
mgabdev 8ccb710665 Updated status component to use properStatus when going to status page
Takes into account if is reblog or not and uses the original poster information if so, otherwise use status url as normal.

Fixes issue with clicking on status and it goes to wrong url of the reposter and shows error message.
2019-07-18 00:59:54 -04:00
mgabdev abd4a831a2 Added floating action button to ui/index
hide on search, post, getting-started, if no user
2019-07-18 00:22:19 -04:00
mgabdev b163726651 Removed floating action button from columns area 2019-07-18 00:17:36 -04:00
mgabdev 42e9d5a360 Fix issue with notification badge number not showing on mobile
only hide first descendants of tab bar btn (the title of the tab) instead of all span children
2019-07-17 23:59:28 -04:00
Rob Colbert 7cea08ce35 Merge branch 'bugfix/hidden-poll-results-light-theme' into 'develop'
CSS updates

See merge request gab/social/gab-social!13
2019-07-17 23:07:57 +00:00
mgabdev 4ee4d7c8e8 Merge branch 'feature/updating_page_scroll' of https://code.gab.com/gab/social/gab-social into develop 2019-07-17 19:05:39 -04:00
mgabdev a8bc9be5e7 Updated scrollable_list to use documentElement for (primary/only) scrolling functionality
added infinite scrolling, updated intersection observer, updates all components that send onScroll, onScrollTop props, removed div ref/setRef to this.node, removed all references to this.node
2019-07-17 19:03:25 -04:00
mgabdev a6e80559ad Added onScroll props to status_list
(previously removed, adding back now)
2019-07-17 19:00:31 -04:00
mgabdev dea606b62d Added timeline scrollTop action, added to status_list_container, scrollable_list
(previously removed, adding back now)
2019-07-17 18:59:50 -04:00
mgabdev d978734bce Removed unnecessary scrollContainer in status, account_gallery
document scrolls, not individual containers/components
simply removed the wrapping <ScrollContainer /> and updated indentation
2019-07-17 18:57:44 -04:00
mgabdev c466fc6b86 Added missing isLoading prop to ScrollableList 2019-07-17 18:55:28 -04:00
mgabdev 08f3f5f6ec Updated scrollable_list intersectionObserverWrapper
removed root, uses the document/window to scroll so no options are needed
2019-07-17 18:54:48 -04:00
mgabdev 399891f25e Updated floatingActionButton to only show if someone is logged in 2019-07-17 18:54:02 -04:00
mgabdev 2aa38d53ea Updated timeline_queue_button_header
fixes: #27
put queue header in dom but hide if no count
if count, animate in so it doesn't jump the feed
2019-07-17 18:53:09 -04:00
mgabdev 2eea427148 Removed focus of compose/cw after submit or spoiler change
fixes: #21
2019-07-17 18:49:52 -04:00
mgabdev 6abffdb505 Removed set height of 100% on body 2019-07-17 18:47:58 -04:00
mgabdev 5ca9ea500d Removed unused redirect after compose submit
route: /posts/new no longer exists
2019-07-17 18:46:42 -04:00
2458773093 6104e45d18 group edit ui 2019-07-17 21:56:06 +03:00
2458773093 db5a85a657 move cover image stuff to its own concern and add processing 2019-07-17 21:35:40 +03:00
2458773093 ea1378ada7 group creation form 2019-07-17 21:22:19 +03:00
2458773093 62b1707a85 remove status from group ui 2019-07-17 01:42:26 +03:00
2458773093 caaa9253d6 add remove account from group to status bar actions 2019-07-17 01:25:23 +03:00
Dank Gabs 601d91f73e Patch Fix for hidden poll choices and results on light theme. 2019-07-16 17:09:47 -04:00
Dank Gabs e3e98084e7 Merge branch 'develop' into bugfix/hidden-poll-results-light-theme 2019-07-16 16:54:41 -04:00
2458773093 f13214f1f9 removing removed accounts 2019-07-16 23:18:23 +03:00
2458773093 7b2d3aa281 removed accounts ui + preparation for more group admin tools 2019-07-16 22:57:35 +03:00
mgabdev 45754503ca Updated notification badge number formatter
fixes: #44
2019-07-16 14:50:37 -04:00
mgabdev 17af572ec9 Fixed status/repost functionality to show status if owned by given username
fixes: #47
2019-07-16 14:41:36 -04:00
2458773093 c56a8914f3 Merge remote-tracking branch 'origin/styling/add-groups-link' into groups-updates
* origin/styling/add-groups-link: (31 commits)
  Comment out the "groups" button until ready to reveal.
  Changed the method of adding main navigation icons. Created a png sprite sized @2x based on largest usage (for retina). This will fix some rendering issues caused by using svg images. It will allow adding depth and more color / shading if we choose later.
  intents fix
  federation fix
  two more federation fixes
  Removed unused imports
  Removed unused PublicTimeline component
  Updated CommunityTimeline to add option for "all federated" content
  Removed unused import in unauthorized_modal
  Updated registration legal links
  Updated compose_form to account for if compose modal open
  Added empty message to pinned statuses page
  Updated nextProps withReplies for account timeline
  Added empty message to account_gallery media page
  Updated timeline/notification dequeue to be in componentDidMount
  Added TimelineQueueButtonHeader to status_list
  Added queue functionality status_list_container for status timelines
  Updated all Redis.current.publish, PushUpdateWorker.perform_async to work again
  Added timeline dequeue functionality to onSubmitCompose action
  Added redux functionality for queueing/dequeueing timelines
  ...
2019-07-16 14:29:38 +03:00
Dank Gabs 062353cfd6 Comment out the "groups" button until ready to reveal. 2019-07-16 00:10:14 -04:00
Dank Gabs eed65d2d04 Changed the method of adding main navigation icons.
Created a png sprite sized @2x based on largest usage (for retina).
This will fix some rendering issues caused by using svg images.
It will allow adding depth and more color / shading if we choose later.
2019-07-16 00:07:51 -04:00
2458773093 b1cd12c976 group timeline styling 2019-07-15 19:08:36 +03:00
2458773093 1fabd28498 New groups 2019-07-15 16:47:05 +03:00
mgabdev 1c8273e9e6 Removed unused imports 2019-07-12 16:29:17 -04:00
mgabdev 8f13fe0515 Removed unused PublicTimeline component
now that this functionality is within the CommunityTimeline component from: dfb8d53
2019-07-12 16:27:59 -04:00
mgabdev dfb8d53785 Updated CommunityTimeline to add option for "all federated" content
added a toggle for showing only gab (off) or all fediverse content (on)
2019-07-12 16:26:06 -04:00
mgabdev ee433f57fb Removed unused import in unauthorized_modal 2019-07-12 16:10:24 -04:00
mgabdev 4e9b22640c Updated compose_form to account for if compose modal open
fixes #9
since there are multiple compose_form on the page (on top of timeline = shouldCondense) and within the modal when replying. if isModalOpen and is the compose form that's on top of timeline then dont set the ref so we can set the cursor on the textarea of the compose modal after the existing reply content.
2019-07-12 12:22:05 -04:00
mgabdev 1e68c5d4fe Added empty message to pinned statuses page 2019-07-12 00:08:50 -04:00
mgabdev 9795c1139c Updated nextProps withReplies for account timeline
fixes #12
2019-07-12 00:08:26 -04:00
mgabdev 092bc3898c Added empty message to account_gallery media page 2019-07-12 00:07:11 -04:00
mgabdev 45dcd5a1ab Updated timeline/notification dequeue to be in componentDidMount 2019-07-11 17:31:04 -04:00
mgabdev 4043355b01 Merge branch 'feature/adding_queued_timeline' of https://code.gab.com/gab/social/gab-social into develop 2019-07-11 12:18:37 -04:00
mgabdev a7f2837a37 Added TimelineQueueButtonHeader to status_list
updated render return to add timeline queue button header before scrollable list
added handleDequeueTimeline action with totalQueuedItemsCount props
2019-07-11 12:14:27 -04:00
mgabdev a41e6f2876 Added queue functionality status_list_container for status timelines
added totalQueuedItemsCount to props per timeline
added dequeueTimeline action with timeline onLoadMore for expanding/dequeueing
2019-07-11 12:13:32 -04:00
mgabdev ebc44ed743 Added timeline dequeue functionality to onSubmitCompose action
when a status is composed and there's queued statuses, it attempts to dequeue those statuses with optional dequeueArgs
2019-07-11 12:10:46 -04:00
mgabdev 0356e21747 Added redux functionality for queueing/dequeueing timelines
using streaming.js, when a status comes in to the current page, it queues up using updateTimelineQueue action, it then goes to the reducer to add "queuedItems" to state (up to max:40) and to tally up all count in that timeilne state "totalQueuedItemsCount".

the dequeueTimeline action takes in a "timelineId", "expandFunc", and "optionalExpandArgs". when clicking on the "click to load more" it passes in the timelineId (e.g. "home", "community", etc.) and the "handleLoadMore" function from the timeline component. if within the range of the max: 40, it pushes them to the dom, if over the max: 40 it clears the timeline and refreshes the page/timeline to show the most recent 20 statuses. Then, it resets the "queuedItems" and "totalQueuedItemsCount" in timeline state.

if no expandFunc is added, and timeline is "home" or "community" it expands those timelines with "optionalExpandArgs". Otherwise, it queues up to any other timeline (e.g. "hashtags", etc.)
2019-07-11 12:09:41 -04:00
mgabdev c8e8618f64 Added notification queueing functionality
updated streaming functionality to load notifications into a queue (if currently on notitications page) and to display TimelineQueueButtonHeader with outstanding notification count. (if not on notifications page, it behaves as normal, adding/updating notification state). Max 40 are saved to queuedNotifications state and all are tallied into the totalQueuedNotificationsCount state. On click of TimelineQueueButtonHeader it dequeues the queuedNotifications and loads on page if <= max, otherwise it refreshes the page and shows latest 20 (default count) and clears/resets the state for queuedNotifications and totalQueuedNotificationsCount.
2019-07-11 00:02:18 -04:00
mgabdev 6ad747a609 Added TimelineQueueButtonHeader component, styles
button at top of feeds to show "click to load more"
2019-07-10 23:54:19 -04:00
Dank Gabs 9e926a34b0 Patch Fix for blocked navigation items on mobile due to compose button position.
Added 100px to bottom padding overall.
This will be fine tuned with the design evolution.
2019-07-10 17:56:51 -04:00
Dank Gabs b7da0b3d38 Patch Fix for bar background colors for polls.
Polls need a tighter design overall, especially when one bar shows 0%.
2019-07-10 17:19:06 -04:00