Merge pull request #27 from astromatic/develop

Develop

Author: ebertin

docs/src/setup.rst

@@ -239,6 +239,10 @@ Server options configure various aspects of the web server and its endpoints.
   Provide an additional directory for storing extra data.
   The default is the current directory (:param:`.`).
 
+:param:`max_region_tile_count` `integer`
+  Set the maximum number of image tiles per snapshot.
+  The default is :param:`1024`.
+
 :param:`no_browser`
   Use this option to prevent the automatic opening of a web browser when an image filename is provided.
 

pyproject.toml

@@ -3,8 +3,8 @@ requires = ["pdm-backend"]
 build-backend = "pdm.backend"
 
 [project]
-name = "visiomatic"
-version = "3.0.0-b3"
+name = "VisiOmatic"
+version = "3.0.0-b4"
 description = "A web application for visualizing astronomical images"
 authors = [
     {name = "Emmanuel Bertin", email = "[email protected]"},
@@ -24,7 +24,8 @@ dependencies = [
     "orjson >= 3.9.0",
     "platformdirs >= 3.4.0",
     "posix_ipc >= 1.1.0; platform_system=='Linux'",
-    "pydantic == 1.*",
+    "pydantic >= 2.2",
+    "pydantic-settings >= 2.2",
     "scikit-image >= 0.22.0",
     "setuptools",
     "simplejpeg >= 1.6",

src/visiomatic/client/css/visiomatic.css

@@ -268,9 +268,16 @@ select.visiomatic-control-select {
 	width: 100%;
 }
 
+.visiomatic-control-select:first-child
+select.visiomatic-control-select {
+	border-bottom-left-radius: 4px;
+	border-top-left-radius: 4px;
+}
+
 .visiomatic-control-element:last-child
 select.visiomatic-control-select {
-	border-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-top-right-radius: 4px;
 }
 
 select.visiomatic-control-select:hover {
@@ -968,31 +975,43 @@ a#visiomatic-snapshot-toggle {
 	mask-image: url(../images/icon-camera.svg); -webkit-mask-image: url(../images/icon-camera.svg);
 }
 
-#visiomatic-control-button-snapshot {
-	border-radius: 4px 4px 4px 4px;
+.sidebar.snapshot {
+	width: 232px;
+}
+.sidebar-left.snapshot ~ .leaflet-left {
+	left: 246px;
+}
+
+#visiomatic-snapshot div.visiomatic-control-select {
+	display: inline-block;
+}
+
+#visiomatic-control-button-snapimage {
+	width: 32px;
+	border-radius: 0px 4px 4px 0px;
 }
 
-#visiomatic-control-button-snapshot > div {
+#visiomatic-control-button-snapimage > div {
 	mask-image: url(../images/icon-image.svg); -webkit-mask-image: url(../images/icon-image.svg);
 }
 
-#visiomatic-control-button-print {
-	border-radius: 4px 4px 4px 4px;
+#visiomatic-control-button-printscreen {
+	width: 32px;
+	border-radius: 4px 0px 0px 4px;
 }
 
-#visiomatic-control-button-print >div {
+#visiomatic-control-button-printscreen >div {
 	mask-image: url(../images/icon-print.svg); -webkit-mask-image: url(../images/icon-print.svg);
 }
 
-.sidebar.snapshot {
-	width: 224px;
-}
-.sidebar-left.snapshot ~ .leaflet-left {
-	left: 238px;
+#visiomatic-control-button-snapscreen {
+	width: 32px;
+	margin-left: 4px;
+	border-radius: 0px 4px 4px 0px;
 }
 
-#visiomatic-snapshot div.visiomatic-control-select {
-	display: inline-block;
+#visiomatic-control-button-snapscreen >div {
+	mask-image: url(../images/icon-image.svg); -webkit-mask-image: url(../images/icon-image.svg);
 }
 
 /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
@@ -1021,6 +1040,7 @@ a#visiomatic-doc-toggle {
 
 .sidebar.doc {
 	width: 530px;
+	max-width: 100%;
 }
 
 .sidebar-left.doc ~ .leaflet-left {