From 20edda0524410df22a63828a57ef73751c094f83 Mon Sep 17 00:00:00 2001
From: AcuGIS <acugis@noreply.localhost>
Date: Mon, 27 May 2024 10:18:10 +0000
Subject: [PATCH] Update docs/source/css.rst

---
 docs/source/css.rst | 52 +++++++++++++++++----------------------------
 1 file changed, 19 insertions(+), 33 deletions(-)

diff --git a/docs/source/css.rst b/docs/source/css.rst
index 9a00ea2..04c3700 100644
--- a/docs/source/css.rst
+++ b/docs/source/css.rst
@@ -1,50 +1,36 @@
 CSS
 =======
 
+Color Scheme
+------------------
 
-Quartz provides CSS overrides at map level.
+The default color scheme is set by /var/www/qwc2/html/assets/css/colorschemes.css
 
-To override the default CSS, enter your CSS into the Map CSS box on the map edit page.
+You can edit this file or copy it and create a new file.
 
+If you create a new file, you must modify the config.json accordingly to your new css.
 
-   .. image:: images/CSS.png
+Application CSS
+------------------
 
+An override CSS file is contained at /var/www/qwc2/html/assets/css/qwc2.css
 
-Example: Image Sizing
---------------------------------
+Entries will be loaded last and therefore over ride other CSS elements.
 
-To change pop-up image sizing, you can use something like below.
+Note: Make sure that assets/css/qwc2.css is included in index.html.
 
-.. code-block:: css
+Logo
+----------------------
 
-  .leaflet-popup-content > table img {width: 300px;}
-  .leaflet-popup-content > img { width: 300px;}
+QWC2 logos are located at /var/www/qwc2/html/assets/img/
 
+Thumbnails
+----------------------
 
-Example: Modal Info Box
-------------------------------------------
+Map thumbnails in the end user panel are set via the Map page.
 
-To change Modal Info Box, you can use something like below.
+The default thumbnails are located at
 
-.. code-block:: css
+/var/www/qwc2/html/assets/genmapthumbs 
 
-  .modal-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: fit-content;
-  pointer-events: auto;
-  background-clip: padding-box;
-  border-radius: 20px;
-  outline: 0;
-  background-color: cadetblue;
-  color: #fff;
-  }
-
-
-
-There is no need to add "!important" to CSS elements as map.css is loaded last and has precendence.
-
-
-
-  
\ No newline at end of file
+If you add new thumbnails, you must update this in your themesConig.json
\ No newline at end of file