Commit Graph

95 Commits

Author SHA1 Message Date
Eliseu Amaro 010f70e432
[TWIG][CSS][Accessibility] Base template accessibility improvements. Applying more semantic HTML5 tags and aria to describe content actions. 2021-08-20 11:38:32 +01:00
Eliseu Amaro fc310a0b4e
[CSS] Fixed Favourite button background size and colour. Fixed right panel incorrect font size. 2021-08-20 11:38:32 +01:00
Eliseu Amaro 2448d83ace [CSS] Hotfix: Figure captions do not overflow. 2021-08-17 21:59:54 +01:00
Eliseu Amaro 022a9476cc [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-08-17 21:43:58 +01:00
Eliseu Amaro 44593f2ab4
[TWIG][CSS] More consistent classes. Checkbox styling done. Register and Login pages now done. 2021-08-17 20:52:22 +01:00
Eliseu Amaro c86cac2095
[CSS][Assets] Minified header icons. Reverted footer links position due to Firefox's corageous interpretation of a fixed element's position. 2021-08-14 17:00:49 +01:00
Eliseu Amaro c14718e8dd
[Favourite][TWIG][CSS] Favourite shows alt-text and properly sets colours. Titles translated on the right panel. 2021-08-14 17:00:48 +01:00
Eliseu Amaro 7308e66981
[Favourite][TWIG][CSS] Favourite now works. 2021-08-14 16:12:54 +01:00
Eliseu Amaro 2590ea7b67
[CSS] Overall typography resizing to provide proper text hierarchy. Radio buttons polish, notes author box is now smaller. Better organization of CSS rules according to their filename and thus, their aim. 2021-08-14 16:12:53 +01:00
Eliseu Amaro 6aa61abd81
[CSS] Fixed top margin, footer elements are now actually footer elements. 2021-08-14 16:12:53 +01:00
Eliseu Amaro 96abf53e22
[TWIG][CSS] Buttons are now the correct size in all contexts. Right panel create a notice section re-structure. 2021-08-14 16:12:52 +01:00
Eliseu Amaro b7d205465f
[TWIG][CSS] Feedback provided to active page. Removed top accent border on notes. 2021-08-14 16:12:52 +01:00
Eliseu Amaro d19c990acf
[FAQ][CSS] All FAQ pages stylized, minor structure changes throughout. 2021-08-14 16:12:52 +01:00
Eliseu Amaro 38abbc14b9
[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-08-14 16:12:51 +01:00
Eliseu Amaro 0eb9575534
[CSS] Input file elements polish. It should resize properly and provide feedback when selected (not a thing in Firefox ESR yet). 2021-08-14 16:12:51 +01:00
Eliseu Amaro a02093e848
[CSS] Base CSS polish, reset CSS additions for better cross-browser compatibility. 2021-08-14 16:12:51 +01:00
Eliseu Amaro bbaeaad052 [CSS] Fixed background incorrect sizing. 2021-08-05 13:09:18 +01:00
Eliseu Amaro 5236278f45 [CSS] Mesh gradient works as intended with no banding. 2021-08-05 13:01:31 +01:00
Eliseu Amaro 5bf4a68454 [LEFT][RIGHT][CSS] Panels now occupy full page in smaller screen sizes. 2021-08-03 19:02:39 +01:00
Eliseu Amaro 903e6b33ff [RIGHT][CSS] Right panel now shows an intuitive icon for other note options available. 2021-08-03 19:02:39 +01:00
Eliseu Amaro 0a0ead3081 [TWIG][CSS] Overall CSS optimizations. Image gradients are now used, 64x64 px. 2021-08-03 19:02:39 +01:00
Eliseu Amaro 780d341939 [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-08-03 19:02:39 +01:00
Eliseu Amaro 5e012c39ab [SETTINGS][TWIG][CSS] Settings WIP. Form polished, dropdowns need styling.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-08-03 19:02:38 +01:00
Eliseu Amaro 787afb9b41 [BASE][CSS] Snappier and consistent animations.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-08-03 19:02:38 +01:00
Eliseu Amaro 0e7c657301 [TWIG][SETTINGS] WIP. Settings navigation early sketch.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-08-03 19:02:38 +01:00
Eliseu Amaro 95f92d34db [CSS] <figcaption> now has top padding for better legibility, hover now resizes it's element accordingly.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-08-03 19:02:38 +01:00
Eliseu Amaro 3cd33fb83a [TWIG][CSS] Panels are fixed and base content acts accordingly on all sizes.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-08-03 19:02:38 +01:00
Eliseu Amaro cfd771283a
[TWIG][CSS] Final fix for panels, resizing works as intended, content is wrapped when no space is available. Simpler rules throughout.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:45 +01:00
Eliseu Amaro 88eea554fc
[TWIG][CSS] Panels weren't "flexing" properly, in smaller sizes the right panel form would break.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:45 +01:00
Eliseu Amaro d2a7281a4d
[TWIG][CSS] Right panel WIP. Create a note now looks better, need to style in some way the default user agent buttons without removing features (e.g. current file chosen).
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:44 +01:00
Eliseu Amaro 0ce686d8bb
[TWIG][CSS] Left panel profile section done.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:44 +01:00
Eliseu Amaro b4bf720b06
[TWIG][CSS] Register and Login styling done.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:44 +01:00
Eliseu Amaro 4b095961d8
[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-07-28 11:52:43 +01:00
Eliseu Amaro 14ecf913bf
[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-07-28 11:52:42 +01:00
Eliseu Amaro 2b4bf6c31f
[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-07-28 11:52:42 +01:00
Eliseu Amaro 37a2db3706
[CSS] Fixed accessibility issues with header and panel elements. Left, instance and right elements are now properly ordered when focused.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:41 +01:00
Eliseu Amaro 362be17aba
[CSS] Fixed incorrect Chromium based browsers improper main content view. Flex item order (shouldn't be a problem, but it was) and padding for the container class was the root issue.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:41 +01:00
Eliseu Amaro 3a5ba9b6c4
[CSS] Main container 'order' attribute was somehow a problem in Chromium. 2021-07-28 11:52:41 +01:00
Eliseu Amaro dd7d412e83
[CSS] Fixed top content margin. 2021-07-28 11:52:41 +01:00
Eliseu Amaro 593d5bf96e
[TWIG][CSS] Accessibility improvements, all general links provide proper feedback now. Base theme CSS progress, page now looks more as it should. Panels WIP. 2021-07-28 11:52:40 +01:00
Eliseu Amaro d6cf812707
[TWIG][CSS][ICONS] New profile and notice creation panel, alternative text set correctly for header icons. WIP in base styling and panels. 2021-07-28 11:52:40 +01:00
Eliseu Amaro 2d7b201e71
[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-07-28 11:52:40 +01:00
Eliseu Amaro ac5df2f6b3
[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-07-28 11:52:39 +01:00
Eliseu Amaro 375d0097f3
[TWIG][CSS] Panels functionality works as intended, size needs to be worked upon. 2021-07-28 11:52:39 +01:00
Eliseu Amaro a5eb231196
[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-07-28 11:52:39 +01:00
Eliseu Amaro aa6886a62a
[TWIG][CSS] Timeline WIP. Creating a notice is now done on the right panel. HTML structure improvements, such as the timeline divided from the navigation div. 2021-07-28 11:52:39 +01:00
Eliseu Amaro aa1fd8ea40
[TWIG][CSS] Base template structural refactoring to accommodate true canons of page construction. CSS WIP to reflect these changes.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:38 +01:00
Eliseu Amaro f206b55869
[TWIG][CSS] Right panel WIP. Create a note now looks better, need to style in some way the default user agent buttons without removing features (e.g. current file chosen).
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:38 +01:00
Eliseu Amaro 69f5c1e312
[TWIG][CSS] Left panel profile section done.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:37 +01:00
Eliseu Amaro 8b4148a00d
[TWIG][CSS] Register and Login styling done.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-07-28 11:52:37 +01:00