40 Commits

Author	SHA1	Message	Date
Eliseu Amaro	60af533fa4	[BASE][CSS] Accessibility menu fix when logged out. Proper selector for accesskey used now, ".accessibility-target".	2021-09-14 13:13:43 +01:00
Eliseu Amaro	c4b328c03b	[LEFT][CSS] Fix scrolling when tabbing, navigating through notes is more obvious now. Timeline navigation fix for screen readers to know that the navigation title matters.	2021-09-14 13:13:43 +01:00
Eliseu Amaro	3abf71b707	[CSS] There's no need to tab again after selecting accessibility menu!	2021-09-14 13:13:43 +01:00
Eliseu Amaro	3c1a9ba3fa	[CSS] Fixed tabbing through accessibility menu. Was invisible when going throught it without a previous target.	2021-09-14 13:13:43 +01:00
Eliseu Amaro	b0b3ae237a	[TWIG][BASE] Fixed taborder, Orca will continue to read the whole header though. Navigation should be more clear for each timeline.	2021-09-14 13:13:43 +01:00
Eliseu Amaro	6ef07e04d1	[Posting][CSS] Right panel form uses a select box instead of radio buttons. Hover and focus of <a> elements using just an underline. Note author and actions padding redone. File-picker font is now correct. Left panel hierarchy should now be more clear.	2021-09-14 13:13:38 +01:00
Eliseu Amaro	7dc390ca1c	[TWIG][CSS] Shortcuts now work in small screen sizes. Header icons further polish. Profile navigation structural rework.	2021-09-14 13:13:38 +01:00
Eliseu Amaro	414b33f97b	[TWIG][CSS] Shortcut menu done. Can access various panel with proper visual feedback.	2021-09-14 13:13:38 +01:00
Eliseu Amaro	e73af2b887	[TWIG][CSS] Left and Right panels now using a checkbox trick to control their visibility. Details element couldn't be properly controlled by CSS without breaking accessibility.	2021-09-14 13:13:38 +01:00
Eliseu Amaro	b8bb845e24	[TWIG][CSS][Accessibility] Note view accessibility improvements. Left and right panels icon rework (width and height weren't correct, position needs further work).	2021-09-14 13:13:38 +01:00
Eliseu Amaro	d2760f1250	[TWIG][CSS][Accessibility] Base template accessibility improvements. Applying more semantic HTML5 tags and aria to describe content actions.	2021-09-14 13:13:38 +01:00
Eliseu Amaro	6166afeec6	[TWIG][CSS] Left and right panels accessibility improvements. Tabindex is now properly set up. When panels have the attribute open but aren't focused (keyboard navigation out of panel, into main content) they aren't displayed anymore.	2021-09-14 13:13:30 +01:00
Eliseu Amaro	cb21599cef	[TWIG][CSS] Feedback provided to active page. Removed top accent border on notes.	2021-09-14 13:13:22 +01:00
Eliseu Amaro	10f930ad4b	[TWIG][CSS] Left panel text hierarchy fix (no <hr> element between timeline navigation and its items). Default CSS fixes for buttons and input file selectors.	2021-09-14 13:13:21 +01:00
Eliseu Amaro	d0b2cccb63	[CSS] Mesh gradient works as intended with no banding.	2021-09-14 13:13:21 +01:00
Eliseu Amaro	625c056f30	[TWIG][CSS] Overall CSS optimizations. Image gradients are now used, 64x64 px.	2021-09-14 13:13:12 +01:00
Eliseu Amaro	c8a8e94d48	[SETTINGS][PLUGIN][CONTROLLER] Populate profile tabs event added. Settings base template populated with such event for plugins and components. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:12 +01:00
Eliseu Amaro	6dd0292397	[SETTINGS][ROUTES][CONTROLLER] Settings overhaul, refactoring to accommodate new global settings view. WIP, component settings aren't shown at the moment. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:12 +01:00
Eliseu Amaro	4805550c66	[TWIG][CSS] Left panel profile section done. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:09 +01:00
Eliseu Amaro	9d50289c3f	[TWIG][CSS] Register and Login styling done. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:09 +01:00
Eliseu Amaro	e0a14f0b86	[CSS][TWIG] Left panel HTML nesting to better aid screen readers. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:09 +01:00
Eliseu Amaro	cd05589f67	[CSS][TWIG] Panels icons are now hidden on desktop view to stop possible inconsistencies on window resizing. Left Panel polish. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:09 +01:00
Eliseu Amaro	2bae14198b	[CSS][TWIG] Details element is now shown by default on larger screens, and hidden on smaller screens. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:08 +01:00
Eliseu Amaro	e5649d82ba	[CSS][TWIG] Timeline navigation is now a part of the left panel, this way more items could be displayed at a time. Left panel styling WIP. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:08 +01:00
Eliseu Amaro	868dbbd44e	[TWIG][CSS] Found solution to show details content by default in desktop view. However, post_form is being rendered multiple times, it was already rendered in the Posting Component. Needs to be fixed.	2021-09-14 13:13:07 +01:00
Eliseu Amaro	9519891b92	[TWIG][CSS] Panels are now animated when shown, main content width as well as panel's is now correctly configured. WIP: displaying side panels by default when space is available, "details" element state cannot be manipulated through CSS only, need a better solution.	2021-09-14 13:13:07 +01:00
Eliseu Amaro	95c81cc741	[TWIG][CSS] Panels functionality works as intended, size needs to be worked upon.	2021-09-14 13:13:07 +01:00
Eliseu Amaro	effb4e6f40	[TWIG][CSS] Complete HTML refactoring, now using details element instead of a checkbox trick per panel. Using a "grid" akin to IBM's Carbon design guidelines.	2021-09-14 13:13:07 +01:00
Eliseu Amaro	fc3ac1c2f4	[TWIG][CSS] Left panel profile section done. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:06 +01:00
Eliseu Amaro	14358b4b95	[TWIG][CSS] Register and Login styling done. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:06 +01:00
Eliseu Amaro	d45ef53efd	[CSS][TWIG] Left panel HTML nesting to better aid screen readers. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:06 +01:00
Eliseu Amaro	1037d3397b	[CSS][TWIG] Panels icons are now hidden on desktop view to stop possible inconsistencies on window resizing. Left Panel polish. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:06 +01:00
Eliseu Amaro	db8a1b125f	[CSS][TWIG] Details element is now shown by default on larger screens, and hidden on smaller screens. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:06 +01:00
Eliseu Amaro	15cdcd3344	[CSS][TWIG] Timeline navigation is now a part of the left panel, this way more items could be displayed at a time. Left panel styling WIP. ... Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>	2021-09-14 13:13:06 +01:00
Eliseu Amaro	f687c7b315	[TWIG][CSS] Found solution to show details content by default in desktop view. However, post_form is being rendered multiple times, it was already rendered in the Posting Component. Needs to be fixed.	2021-09-14 13:13:05 +01:00
Eliseu Amaro	b899c9fb2a	[TWIG][CSS] Panels are now animated when shown, main content width as well as panel's is now correctly configured. WIP: displaying side panels by default when space is available, "details" element state cannot be manipulated through CSS only, need a better solution.	2021-09-14 13:13:05 +01:00
Eliseu Amaro	2084ae350e	[TWIG][CSS] Panels functionality works as intended, size needs to be worked upon.	2021-09-14 13:13:05 +01:00
Eliseu Amaro	3812a2d04d	[TWIG][CSS] Complete HTML refactoring, now using details element instead of a checkbox trick per panel. Using a "grid" akin to IBM's Carbon design guidelines.	2021-09-14 13:13:05 +01:00
Diogo Peralta Cordeiro	5bd16a509e	[TEMPLATES] Fix identation	2021-09-14 13:12:55 +01:00
Diogo Peralta Cordeiro	110c2572a4	[TEMPLATES] Minor refactoring, extending left was weird	2021-09-14 13:12:54 +01:00