Various css fixes

Changes are live on SGSGB

CSSAPI now uses custom properties starting with _ to distinguish them from global variables (i.e. theme).

• Play on hover gifs now properly hide "gif" label. Avatars no longer have "gif" label at all.
  
• Preview spinner was broken with FA5 branch, this fixes it.
• Desktop navbar has been refactored and layout changed to display: grid, this fixes search bar overlapping the icon in some cases, as well as fixing other minor layout problems/hacks:
  Before
  
  After
  
  Icon now part of the bar and not an overlay, it could be easily moved to other place, made clickable etc. It adapts to logo dimensions.
• Fixed "Lain's issue" for reaction picker:
  
• Fixed avatar shadow problem:
  
• Ability to move logo to the left side (instance config logoLeft). Logo is now also clickable, works just like sitename:
  
  
  

changed the description

added 3 commits

• 84ad9447 - Refactor desktop navbar into a component, change layout to grid for
• 71130599 - fix preview spinner
• e03d624e - fix play-on-hover gifs issues

Compare with previous version

changed the description

added 3 commits

• 633349dd - Refactor desktop navbar into a component, change layout to grid for
• 4e1f2aea - fix preview spinner
• 0653f189 - fix play-on-hover gifs issues

Compare with previous version

added 1 commit

• fb00f845 - fix chat count

Compare with previous version

btw, please fix the new Vue build warnings introduced in the css changes as well that I didn't notice when testing/reviewing, if you haven't already

fixed

mentioned in issue #992 (closed)

added 1 commit

• 02bb015c - fix #992 (closed)

Compare with previous version

added 5 commits

• 02bb015c...918563d1 - 2 commits from branch develop
• 994b49dd - Merge remote-tracking branch 'origin/develop' into various-css-fixes
• 8b1213ea - lint
• 64da9a8e - fix build warnings

Compare with previous version

unmarked as a Work In Progress

approved this merge request

lgtm

mentioned in commit 590f8e17

merged