UI improvement for 3 7

[mdouchin]

• User interface - Implement a brand-new default theme
  • Backgrounds are light and not dark any more
  • Buttons are flat
  • Tabs for editing form and "Dataviz" charts are more discrete (only underline active tab with thick blue)
  • Popup tables header have dark background
  • Use CSS variables to help user change the colours

  :root {
    --header-color: #43718c;
    /* --header-background-image: url(img/header-background-medium.jpg); */
    --header-background-image: none;
    --color-background-primary: #ffffffdb;
    --color-background-primary-content: #ffffffdb;
    --color-text-primary: rgb(51, 51, 51);
    --color-text-primary-content: rgb(51, 51, 51);
    --color-contrasted-elements: #43718c;
    --color-contrasted-elements-light: #c3dceb;
    --color-contrasted-text: white;
    --color-dark-gray-elements: rgb(51, 51, 51);
    --color-red-elements: #da4f49;
  }

• Editing - Prevent the user to close the windows if an editing session is active
• Attribute table - Allow to display the popup of non-spatial features with the (i) button

Funded by 3liz, Ville d'Avignon

Some screenshots

• Before
  

• After
  

[Gustry]

In bot, you can trust the milestone ;-)

[Gustry]

Awesome work, thanks !
LGTM

Kind of related request, feel free to skip, would it be possible to have lizmap/www/themes/default/css/main.css and lizmap/www/themes/default/css/map.css in the JSON metadata in order to avoid the gray theme from Bootstrap in 3liz/lizmap-plugin#525 ? (including the boostrap one ?) otherwise, in the meantime, I can hardcode them.

[Gustry]

The list of CSS has been hardcoded : 3liz/lizmap-plugin#532

[nboisteault]

@mdouchin logo.png size is now 1275x1275, before it was 60x60. Is it used elsewhere where it needs this size? In this case we need several image size.

[mdouchin]

@mdouchin logo.png size is now 1275x1275, before it was 60x60. Is it used elsewhere where it needs this size? In this case we need several image size.

I will fix it, thanks !

[mdouchin]

@mdouchin logo.png size is now 1275x1275, before it was 60x60. Is it used elsewhere where it needs this size? In this case we need several image size.

I will fix it, thanks !

done and backported b17bcc4