Commit Graph

328 Commits

Author SHA1 Message Date
Eliseu Amaro
fe77dc0996 [CSS] Resetting headers browser styling. Fixing embedded links styling inconsistencies. 2021-09-23 17:15:11 +01:00
Eliseu Amaro
b6d80003d8 [CSS] Note attachments layout fix. Added a very small radius to avatars. 2021-09-23 16:18:23 +01:00
Eliseu Amaro
be8610a7a1 [CSS] Note attachments uses a grid layout now. 2021-09-23 15:39:14 +01:00
Eliseu Amaro
64c881173b [Cards][Profile] Fixing nested anchor tags. 2021-09-23 13:53:02 +01:00
Eliseu Amaro
a557ba0224 [Timelines][Plugins][Left] Plugins now provide their path ID. Feed redone as it's own independant template. 2021-09-22 16:47:06 +01:00
Eliseu Amaro
0ef151edac [CSS] Now properly following Van de Graaf / Tschichold Page Construction Canon. 2021-09-20 16:06:57 +01:00
Eliseu Amaro
543853c374 [PLUGINS][Actor][Profile] Current user profile in line with other users. Directory plugin actor template standardized. 2021-09-20 14:39:11 +01:00
Eliseu Amaro
baeb1dde7a [Posting][CSS] Fix for qtwebengine and gecko not displaying background color on input elements.
Minor bug fixes.
2021-09-20 12:49:05 +01:00
Eliseu Amaro
e4b650be46
[PLUGINS][Settings] Removed unused templates. Directory plugin templates now using actual templates. Notification settings using details element now. 2021-09-18 05:12:16 +01:00
Eliseu Amaro
738168461c
[CSS] Note avatar hotfix. 2021-09-18 05:12:14 +01:00
Eliseu Amaro
447372d7f6
[CSS] Note actions re-alignment to previous position. Simplified visuals. 2021-09-18 05:12:13 +01:00
Eliseu Amaro
f4ac49e7c7
[CSS] Note avatar now bigger. Note actions and avatar now on the side of note. 2021-09-18 05:12:13 +01:00
Eliseu Amaro
2de071ca7e
[CSS] Note attachments rules simplified. Proper resizing on smaller views. 2021-09-18 05:12:12 +01:00
Eliseu Amaro
a4a7039786
[CSS] Less redraws on details element hover feedback. 2021-09-18 05:12:11 +01:00
Eliseu Amaro
380eec5eb0
[CSS] Fixed inconsistent side panels font size. Note's view improvements. 2021-09-18 05:12:11 +01:00
Eliseu Amaro
b8e66aa9bf
[CSS] Scrollable panels. Attachments width is retained on view now. 2021-09-18 05:12:10 +01:00
Eliseu Amaro
42f9a6a79c
[CSS][Attachments] Attachments page view done. Standardized left and right panels sections. Applying styling through key classes to be defined in docs. 2021-09-18 05:12:10 +01:00
Eliseu Amaro
030f8afdf5
[ASSETS][FONTS] Poppins and Opens Sans are now used. Better legibility for smaller sizes. 2021-09-18 05:12:07 +01:00
Eliseu Amaro
e9d809d441 [Security][Exception] Security exception handling, login and register. TODO EmailNotFoundException and NicknameNotFoundException. 2021-09-15 14:48:06 +01:00
Eliseu Amaro
0f1bce67a1 [CSS][FONTS] Added a lighter font, mobile optimizations were needed. All icons are more consistent in size. Forms are more consistent in margins, paddings and grouping. 2021-09-15 14:48:06 +01:00
Eliseu Amaro
a21b0afb70
[ASSETS] Removed unused fonts. Variable fonts now used. 2021-09-14 13:13:45 +01:00
Eliseu Amaro
404442ebda
[BASE] Importing fonts through CSS instead, minimizing content blocking. Removed legibility optimizations in font rendering. Removed unused font rules. 2021-09-14 13:13:45 +01:00
Eliseu Amaro
8887efe305
[THEME][DARK] Background image is 73% smaller, added noise to diminish the banding in Firefox. 2021-09-14 13:13:45 +01:00
Eliseu Amaro
043c5da58b
[THEME][BASE] New and better light theme. 2021-09-14 13:13:44 +01:00
Eliseu Amaro
26aec5f626
[BASE][NOTE][CSS] Further screen reader cues for note replies. 2021-09-14 13:13:44 +01:00
Eliseu Amaro
9e051273f7
[BASE][NOTE][CSS] Notes are now clearly delimited to visually impaired users. Screen readers will notify when a note begins as well as each reply. Focused elements now provide the same feedback everywhere. 2021-09-14 13:13:43 +01:00
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
61071a6821
[PLUGINS][Reply][Repeat][Favourite] Base template semantic rework. Reply, repeat and favourite respective classes are now assigned in their NoteHandlerPlugin. 2021-09-14 13:13:43 +01:00
Eliseu Amaro
681144b380
[PLUGINS][Favourite][CSS] Favourite label now shows whether it's favourited or not already. 2021-09-14 13:13:42 +01:00
Eliseu Amaro
c612fe6df5
[PLUGINS][Reply][CSS] Help text added. Styling reply page done. 2021-09-14 13:13:41 +01:00
Eliseu Amaro
9f6acc04aa
[CSS] Light theme panels background image fix. Input elements with proper padding. 2021-09-14 13:13:41 +01:00
Eliseu Amaro
7a0e256557
[CSS] Light theme! 2021-09-14 13:13:40 +01:00
Eliseu Amaro
727133b6ed
[IMAGES][CSS] Dropdown image added for use in select boxes background. Fixed select box background color from being the one used by the system, dark theme inconsistencies found. 2021-09-14 13:13:40 +01:00
Eliseu Amaro
e6449bfe96
[CONFIG][TWIG] Selected a new default form theme. Forms shouldn't have class-less divs now. 2021-09-14 13:13:40 +01:00
Eliseu Amaro
1f792a0183
[CSS] Links should be aligned with content now. Underlined in main content by default. Highlighted when focused. 2021-09-14 13:13:40 +01:00
Eliseu Amaro
f371443884
[CSS] Note's view now properly handles replies. 2021-09-14 13:13:39 +01:00
Eliseu Amaro
f000532b7e
[Favourite][Reply][Repeat] The respective svg for note actions is assigned. Repeat note handler needs work. "An exception has been thrown during the rendering of a template ("No value in table note matches the requested criteria")." exception thrown on repeat. 2021-09-14 13:13:39 +01:00
Eliseu Amaro
f9f4f179bb
[Security][Right] login
and register padding fix. Select boxes styling done.
2021-09-14 13:13:39 +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
ca2eff2906
[CSS] Visual feedback from shortcuts polished. 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
6e6b2ea87b
[CSS][Icons] Icons width and height wasn't consistent, problem lied within the SVGs themselves. 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
671e2d6a9d
[CSS] Fixed Favourite button background size and colour. Fixed right panel incorrect font size. 2021-09-14 13:13:37 +01:00
Eliseu Amaro
ca71e57593
[CSS] Hotfix: Figure captions do not overflow. 2021-09-14 13:13:31 +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
c81795eb96
[TWIG][CSS] More consistent classes. Checkbox styling done. Register and Login pages now done. 2021-09-14 13:13:30 +01:00
Eliseu Amaro
87d7318de5
[CONTROLLER][SECURITY] Added class names. Help labels for each form element. Each form element now has a proper block prefix (the resulting HTML won't simply concatenate the form's name to the element's label). 2021-09-14 13:13:30 +01:00
Eliseu Amaro
df62d7e4f4
[CSS][Assets] Minified header icons. Reverted footer links position due to Firefox's corageous interpretation of a fixed element's position. 2021-09-14 13:13:25 +01:00
Eliseu Amaro
5de0704de2
[Favourite][TWIG][CSS] Favourite shows alt-text and properly sets colours. Titles translated on the right panel. 2021-09-14 13:13:24 +01:00
Eliseu Amaro
1647c5391f
[Favourite][TWIG][CSS] Favourite now works. 2021-09-14 13:13:22 +01:00
Eliseu Amaro
e15044fe36
[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-09-14 13:13:22 +01:00
Eliseu Amaro
1962a004aa
[CSS] Fixed top margin, footer elements are now actually footer elements. 2021-09-14 13:13:22 +01:00
Eliseu Amaro
e180143e20
[TWIG][CSS] Buttons are now the correct size in all contexts. Right panel create a notice section re-structure. 2021-09-14 13:13:22 +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
68cf6dee65
[FAQ][CSS] All FAQ pages stylized, minor structure changes throughout. 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
0f032c257b
[CSS] Input file elements polish. It should resize properly and provide feedback when selected (not a thing in Firefox ESR yet). 2021-09-14 13:13:21 +01:00
Eliseu Amaro
bac6d2a490
[CSS] Base CSS polish, reset CSS additions for better cross-browser compatibility. 2021-09-14 13:13:21 +01:00
Eliseu Amaro
95fd86f8dc
[CSS] Fixed background incorrect sizing. 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
082656d1ae
[LEFT][RIGHT][CSS] Panels now occupy full page in smaller screen sizes. 2021-09-14 13:13:12 +01:00
Eliseu Amaro
bd9e86afe0
[RIGHT][CSS] Right panel now shows an intuitive icon for other note options available. 2021-09-14 13:13:12 +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
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
eed74972c5
[SETTINGS][TWIG][CSS] Settings WIP. Form polished, dropdowns need styling.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:12 +01:00
Eliseu Amaro
d12f97c623
[BASE][CSS] Snappier and consistent animations.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:11 +01:00
Eliseu Amaro
10d7462d02
[TWIG][SETTINGS] WIP. Settings navigation early sketch.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:11 +01:00
Eliseu Amaro
a6f5c61aef
[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-09-14 13:13:11 +01:00
Eliseu Amaro
d16614982a
[TWIG][CSS] Panels are fixed and base content acts accordingly on all sizes.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:11 +01:00
Eliseu Amaro
75bbf6c728
[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-09-14 13:13:09 +01:00
Eliseu Amaro
ce06c1dfd2
[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-09-14 13:13:09 +01:00
Eliseu Amaro
e546721ca1
[TWIG][CSS] Fixed right panel buttons, fix issue where the form was invalid on send.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:09 +01:00
Eliseu Amaro
203b16c5bf
[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-09-14 13:13:09 +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
5e31e3290d
[CSS] Fixing poor responsiveness to main nav element hover animation.
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
22f394f28f
[TWIG] Microformats added to timeline, note's view and media. Should be backwards compatiblr as well.
Signed-off-by: Eliseu Amaro <mail@eliseuama.ro>
2021-09-14 13:13:08 +01:00
Eliseu Amaro
03fb7b43e8
[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-09-14 13:13:08 +01:00
Eliseu Amaro
8bff04dae1
[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-09-14 13:13:08 +01:00
Eliseu Amaro
7f561376ac
[CSS] Main container 'order' attribute was somehow a problem in Chromium. 2021-09-14 13:13:08 +01:00
Eliseu Amaro
8b5f08a4bd
[CSS] Fixed top content margin. 2021-09-14 13:13:08 +01:00
Eliseu Amaro
c06e666816
[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-09-14 13:13:08 +01:00
Eliseu Amaro
98e7e94dfa
[TWIG][CSS][ICONS] New profile and notice creation panel, alternative text set correctly for header icons. WIP in base styling and panels. 2021-09-14 13:13:07 +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
3de10192ef
[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-09-14 13:13:07 +01:00