v1.0.0

web/lib/pages/editor/style.css

@@ -12,7 +12,7 @@
     color: var(--PrimaryColorText);
     width: 100%;
     height: 40px;
-    font-size: 14px;
+    font-size: var(--FontSize3);
     font-weight: 400;
     margin: 20px 0;
     text-transform: uppercase;
@@ -48,7 +48,7 @@
     cursor: pointer;
     color: var(--ColorThemes3);
     border-radius: var(--border-radius);
-    font-size: 16px;
+    font-size: var(--FontSize5);
     font-weight: 300;
     padding: 20px;
     position: relative;
@@ -65,7 +65,7 @@
     top: 0;
     padding: 10px;
     margin: 13px;
-    font-size: 12px;
+    font-size: var(--FontSize1);
     background: var(--ColorThemes3);
     color: var(--ColorThemes0);
     border-radius: 6px;
@@ -120,7 +120,7 @@
 
 #details-info-type>.tabs>.tab>span {
     margin-left: 6px;
-    font-size: 12px;
+    font-size: var(--FontSize1);
     font-weight: 400;
 }
 
@@ -193,7 +193,7 @@
     display: flex;
     justify-content: center;
     flex-direction: column;
-    font-size: 12px;
+    font-size: var(--FontSize1);
     font-weight: 500;
     margin-bottom: 5px;
 
@@ -207,6 +207,7 @@
     height: 30px;
     background: var(--ColorThemes0);
     color: var(--ColorThemes3);
+    font-size: var(--FontSize2);
 }
 
 .page-editor #details-info-osm div {
@@ -243,7 +244,7 @@
 
 .page-editor #list-area h3 {
     text-align: center;
-    font-size: 16px;
+    font-size: var(--FontSize5);
     font-weight: 400;
     margin: 10px;
     padding: 7px;
@@ -302,7 +303,7 @@
     background: var(--ColorThemes3);
     color: var(--ColorThemes2);
     border-radius: 0 4px 0 4px;
-    font-size: 12px;
+    font-size: var(--FontSize1);
     padding: 2px 4px;
     text-align: center;
 }
@@ -323,7 +324,7 @@
 .block-apartments-number input {
     width: 50px;
     height: 50px;
-    font-size: 16px;
+    font-size: var(--FontSize5);
     font-weight: 400;
     text-align: center;
     color: var(--ColorThemes3);
@@ -338,7 +339,7 @@
     height: 20px;
     border-radius: 0 4px 0 4px;
     background: var(--PrimaryColor);
-    font-size: 16px;
+    font-size: var(--FontSize5);
     margin: -2px;
     border: 0;
     cursor: pointer;
@@ -360,6 +361,38 @@
     border-radius: 6px;
     overflow: hidden;
     margin-bottom: 20px;
+    position: relative;
+
+    background: var(--ColorThemes1);
+    color: var(--ColorThemes3);
+    border: 1px solid var(--ColorThemes2);
+    box-shadow: var(--shadow-l1);
+}
+
+#homestead-editing {
+    position: absolute;
+    height: 40px;
+    background: var(--PrimaryColor);
+    font-size: var(--FontSize5);
+    margin: 10px;
+    border: 0;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 500;
+    padding: 10px;
+    border-radius: 6px;
+    width: 40px;
+    z-index: 999;
+    right: 0;
+    box-shadow: var(--shadow-l1);
+}
+
+#homestead-editing>svg {
+    width: 20px;
+    height: 20px;
+    fill: var(--PrimaryColorText);
 }
 
 #map {
@@ -405,7 +438,7 @@
     cursor: pointer;
     border-radius: 6px;
     font-weight: 400;
-    font-size: 12px;
+    font-size: var(--FontSize1);
 }
 
 .editor-buttons>div {
@@ -424,7 +457,7 @@
     border-radius: 6px;
     text-transform: uppercase;
     font-weight: 400;
-    font-size: 12px;
+    font-size: var(--FontSize1);
 }
 
 .page-editor #list-entranse,
@@ -441,6 +474,7 @@
     border-radius: 6px;
     border-style: dashed;
     margin: 10px 0;
+    position: relative;
 }
 
 .page-editor #list-entranse>.house,
@@ -449,6 +483,8 @@
     position: relative;
     width: 60px;
     height: 60px;
+    min-width: 60px;
+    min-height: 60px;
     background: var(--ColorThemes1);
     border: 2px solid var(--PrimaryColor);
     margin: 10px;
@@ -464,7 +500,7 @@
 .page-editor #list-homestead>.house>p {
     width: 50px;
     height: 50px;
-    font-size: 16px;
+    font-size: var(--FontSize5);
     font-weight: 400;
     text-align: center;
     color: var(--ColorThemes3);
@@ -483,7 +519,7 @@
     height: 20px;
     border-radius: 0 4px 0 4px;
     background: var(--PrimaryColor);
-    font-size: 16px;
+    font-size: var(--FontSize5);
     margin: -2px;
     border: 0;
     cursor: pointer;