v1.0.0
This commit is contained in:
@@ -2,6 +2,25 @@
|
||||
<div id="block-sheeps-list">
|
||||
<div class="header">
|
||||
<h1>Всі вісники</h1>
|
||||
|
||||
<div>
|
||||
<button title="Пошук" id="block-sheeps-list-search-buttom">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72">
|
||||
<path
|
||||
d="M 31 11 C 19.973 11 11 19.973 11 31 C 11 42.027 19.973 51 31 51 C 34.974166 51 38.672385 49.821569 41.789062 47.814453 L 54.726562 60.751953 C 56.390563 62.415953 59.088953 62.415953 60.751953 60.751953 C 62.415953 59.087953 62.415953 56.390563 60.751953 54.726562 L 47.814453 41.789062 C 49.821569 38.672385 51 34.974166 51 31 C 51 19.973 42.027 11 31 11 z M 31 19 C 37.616 19 43 24.384 43 31 C 43 37.616 37.616 43 31 43 C 24.384 43 19 37.616 19 31 C 19 24.384 24.384 19 31 19 z"
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
${butt_add}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="search" id="block-sheeps-list-search" data-state="closed">
|
||||
<input
|
||||
type="text"
|
||||
id="block-sheeps-list-search-name"
|
||||
placeholder="Імʼя вісника"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="card-profile"></div>
|
||||
@@ -32,7 +51,7 @@
|
||||
<div class="header">
|
||||
<h1>Інформація про вісника</h1>
|
||||
|
||||
<button onclick="Sheeps.editor.close()">
|
||||
<button onclick="Sheeps.editor.close()" type="button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">
|
||||
<path
|
||||
d="M 6.65625 4 C 6.367188 4 6.105469 4.113281 5.90625 4.3125 L 4.3125 5.90625 C 3.914063 6.304688 3.914063 7 4.3125 7.5 L 9.8125 13 L 4.3125 18.5 C 3.914063 19 3.914063 19.695313 4.3125 20.09375 L 5.90625 21.6875 C 6.40625 22.085938 7.101563 22.085938 7.5 21.6875 L 13 16.1875 L 18.5 21.6875 C 19 22.085938 19.695313 22.085938 20.09375 21.6875 L 21.6875 20.09375 C 22.085938 19.59375 22.085938 18.898438 21.6875 18.5 L 16.1875 13 L 21.6875 7.5 C 22.085938 7 22.085938 6.304688 21.6875 5.90625 L 20.09375 4.3125 C 19.59375 3.914063 18.898438 3.914063 18.5 4.3125 L 13 9.8125 L 7.5 4.3125 C 7.25 4.113281 6.945313 4 6.65625 4 Z"
|
||||
@@ -42,7 +61,7 @@
|
||||
</div>
|
||||
<i id="sheep-editor-icon"></i>
|
||||
<div class="editor-blocks-inputs" id="editor-blocks-inputs-uuid">
|
||||
<label>UUID</label>
|
||||
<label>UUID <span>Натисніть, щоб скопіювати</span></label>
|
||||
<input
|
||||
id="sheep-editor-uuid"
|
||||
type="text"
|
||||
@@ -81,9 +100,9 @@
|
||||
<div class="editor-blocks-inputs">
|
||||
<label for="sheep-editor-mode">Права</label>
|
||||
<select id="sheep-editor-mode" name="mode">
|
||||
<option value="sheep" selected>Користувач</option>
|
||||
<option value="moderator">Модератор</option>
|
||||
<option value="administrator">Адміністратор</option>
|
||||
<option value="0" selected>Користувач</option>
|
||||
<option value="1">Модератор</option>
|
||||
<option value="2">Адміністратор</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
@@ -103,6 +122,15 @@
|
||||
>
|
||||
<p for="editor-access">Дозволи модератора</p>
|
||||
<div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_view_sheeps"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_view_sheeps"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_view_sheeps"> View Sheeps </label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_add_sheeps"
|
||||
@@ -199,7 +227,91 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button id="sheep-editor-button" style="display: none">Зберегти</button>
|
||||
<button id="sheep-editor-button" style="display: none" type="submit">
|
||||
Зберегти
|
||||
</button>
|
||||
|
||||
<details id="editor-blocks-territory" style="display: none;">
|
||||
<summary>Території вісника</summary>
|
||||
|
||||
<div>
|
||||
<div id="title">
|
||||
<h1>вул. Бродівська 50Б (Під'їзд 1)</h1>
|
||||
|
||||
<a
|
||||
href="/territory/card/house/57"
|
||||
title="Редактор квартир"
|
||||
data-route=""
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
|
||||
<path
|
||||
d="M 12.5 6 C 8.9280619 6 6 8.9280619 6 12.5 L 6 35.5 C 6 39.071938 8.9280619 42 12.5 42 L 35.5 42 C 39.071938 42 42 39.071938 42 35.5 L 42 12.5 C 42 8.9280619 39.071938 6 35.5 6 L 12.5 6 z M 12.5 9 L 14 9 L 14 15 L 9 15 L 9 12.5 C 9 10.549938 10.549938 9 12.5 9 z M 17 9 L 35.5 9 C 37.450062 9 39 10.549938 39 12.5 L 39 15 L 17 15 L 17 9 z M 9 18 L 14 18 L 14 23 L 9 23 L 9 18 z M 17 18 L 39 18 L 39 23 L 17 23 L 17 18 z M 9 26 L 14 26 L 14 31 L 9 31 L 9 26 z M 17 26 L 39 26 L 39 31 L 17 31 L 17 26 z M 9 34 L 14 34 L 14 39 L 12.5 39 C 10.549938 39 9 37.450062 9 35.5 L 9 34 z M 17 34 L 39 34 L 39 35.5 C 39 37.450062 37.450062 39 35.5 39 L 17 39 L 17 34 z"
|
||||
></path>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Територія видана:</h1>
|
||||
<h2>02.07.2025</h2>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Варто забрати:</h1>
|
||||
<h2>01.11.2025</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div id="title">
|
||||
<h1>вул. Бродівська 50Б (Під'їзд 1)</h1>
|
||||
|
||||
<a
|
||||
href="/territory/card/house/57"
|
||||
title="Редактор квартир"
|
||||
data-route=""
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
|
||||
<path
|
||||
d="M 12.5 6 C 8.9280619 6 6 8.9280619 6 12.5 L 6 35.5 C 6 39.071938 8.9280619 42 12.5 42 L 35.5 42 C 39.071938 42 42 39.071938 42 35.5 L 42 12.5 C 42 8.9280619 39.071938 6 35.5 6 L 12.5 6 z M 12.5 9 L 14 9 L 14 15 L 9 15 L 9 12.5 C 9 10.549938 10.549938 9 12.5 9 z M 17 9 L 35.5 9 C 37.450062 9 39 10.549938 39 12.5 L 39 15 L 17 15 L 17 9 z M 9 18 L 14 18 L 14 23 L 9 23 L 9 18 z M 17 18 L 39 18 L 39 23 L 17 23 L 17 18 z M 9 26 L 14 26 L 14 31 L 9 31 L 9 26 z M 17 26 L 39 26 L 39 31 L 17 31 L 17 26 z M 9 34 L 14 34 L 14 39 L 12.5 39 C 10.549938 39 9 37.450062 9 35.5 L 9 34 z M 17 34 L 39 34 L 39 35.5 C 39 37.450062 37.450062 39 35.5 39 L 17 39 L 17 34 z"
|
||||
></path>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Територія видана:</h1>
|
||||
<h2>02.07.2025</h2>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Варто забрати:</h1>
|
||||
<h2>01.11.2025</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div id="title">
|
||||
<h1>вул. Бродівська 50Б (Під'їзд 1)</h1>
|
||||
|
||||
<a
|
||||
href="/territory/card/house/57"
|
||||
title="Редактор квартир"
|
||||
data-route=""
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
|
||||
<path
|
||||
d="M 12.5 6 C 8.9280619 6 6 8.9280619 6 12.5 L 6 35.5 C 6 39.071938 8.9280619 42 12.5 42 L 35.5 42 C 39.071938 42 42 39.071938 42 35.5 L 42 12.5 C 42 8.9280619 39.071938 6 35.5 6 L 12.5 6 z M 12.5 9 L 14 9 L 14 15 L 9 15 L 9 12.5 C 9 10.549938 10.549938 9 12.5 9 z M 17 9 L 35.5 9 C 37.450062 9 39 10.549938 39 12.5 L 39 15 L 17 15 L 17 9 z M 9 18 L 14 18 L 14 23 L 9 23 L 9 18 z M 17 18 L 39 18 L 39 23 L 17 23 L 17 18 z M 9 26 L 14 26 L 14 31 L 9 31 L 9 26 z M 17 26 L 39 26 L 39 31 L 17 31 L 17 26 z M 9 34 L 14 34 L 14 39 L 12.5 39 C 10.549938 39 9 37.450062 9 35.5 L 9 34 z M 17 34 L 39 34 L 39 35.5 C 39 37.450062 37.450062 39 35.5 39 L 17 39 L 17 34 z"
|
||||
></path>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Територія видана:</h1>
|
||||
<h2>02.07.2025</h2>
|
||||
</div>
|
||||
<div>
|
||||
<h1>Варто забрати:</h1>
|
||||
<h2>01.11.2025</h2>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -11,7 +11,7 @@
|
||||
#block-sheep-info {
|
||||
width: 100%;
|
||||
margin: 0 10px 15px;
|
||||
border-radius: 15px;
|
||||
border-radius: var(--border-radius);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
@@ -39,45 +39,102 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: var(--PrimaryColor);
|
||||
margin: 10px;
|
||||
border-radius: 10px;
|
||||
margin: 10px 10px 0px 10px;
|
||||
border-radius: calc(var(--border-radius) - 5px);
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.header>h1 {
|
||||
font-size: 16px;
|
||||
font-size: var(--FontSize5);
|
||||
font-weight: 400;
|
||||
color: var(--PrimaryColorText);
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.header>button {
|
||||
#block-sheeps-list>.header>div {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.header>div>button {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
margin-right: 5px;
|
||||
border-radius: 8px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 3px);
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.header>button>svg {
|
||||
#block-sheeps-list>.header>div>button>svg {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
fill: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#block-sheeps-list>.header>div>#block-sheeps-button-add>svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
fill: var(--ColorThemes3);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
|
||||
#block-sheeps-list>.search {
|
||||
width: calc(100% - 30px);
|
||||
background-color: var(--PrimaryColor);
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
margin: -12px 10px 20px 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 0 5px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease, padding 0.3s ease;
|
||||
}
|
||||
|
||||
|
||||
#block-sheeps-list>.search[data-state="open"] {
|
||||
max-height: 60px;
|
||||
padding: 22px 5px 5px 5px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.search>input {
|
||||
width: calc(100% - 10px);
|
||||
padding: 0 5px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
height: 30px;
|
||||
background: var(--ColorThemes3);
|
||||
color: var(--ColorThemes0);
|
||||
font-size: var(--FontSize2);
|
||||
}
|
||||
|
||||
#block-sheeps-list>.search>input::placeholder {
|
||||
color: var(--ColorThemes0);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.search>input::-webkit-input-placeholder {
|
||||
color: var(--ColorThemes0);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.card-profile {
|
||||
width: calc(100% - 30px);
|
||||
min-height: 100px;
|
||||
background-color: var(--ColorThemes2);
|
||||
border: 1px solid var(--ColorThemes0);
|
||||
box-shadow: var(--shadow-l1);
|
||||
border-radius: 10px;
|
||||
border-radius: calc(var(--border-radius) - 5px);
|
||||
margin: 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -105,13 +162,13 @@
|
||||
}
|
||||
|
||||
#block-sheeps-list>.card-profile>.info>.text>h1 {
|
||||
font-size: 16px;
|
||||
font-size: var(--FontSize5);
|
||||
color: var(--ColorThemes3);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.card-profile>.info>.text>h2 {
|
||||
font-size: 12px;
|
||||
font-size: var(--FontSize1);
|
||||
color: var(--ColorThemes3);
|
||||
font-weight: 400;
|
||||
opacity: 0.8;
|
||||
@@ -128,12 +185,12 @@
|
||||
|
||||
#block-sheeps-list>.card-profile>.info>.access>b {
|
||||
padding: 2px 5px;
|
||||
border-radius: 5px;
|
||||
border-radius: calc(var(--border-radius) - 10px);
|
||||
background: var(--PrimaryColor);
|
||||
color: var(--PrimaryColorText);
|
||||
margin-right: 5px;
|
||||
white-space: nowrap;
|
||||
font-size: 13px;
|
||||
font-size: var(--FontSize2);
|
||||
height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -190,11 +247,11 @@
|
||||
justify-content: space-between;
|
||||
background: var(--ColorThemes3);
|
||||
margin: 0 0 10px 0;
|
||||
border-radius: 10px;
|
||||
border-radius: calc(var(--border-radius) - 5px);
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.header>h1 {
|
||||
font-size: 16px;
|
||||
font-size: var(--FontSize5);
|
||||
font-weight: 400;
|
||||
color: var(--ColorThemes0);
|
||||
margin-left: 10px;
|
||||
@@ -207,7 +264,7 @@
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
margin-right: 5px;
|
||||
border-radius: 8px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 3px);
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30px;
|
||||
@@ -237,27 +294,33 @@
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-inputs label {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-size: 12px;
|
||||
flex-direction: row;
|
||||
font-size: var(--FontSize1);
|
||||
font-weight: 500;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-inputs label>span {
|
||||
opacity: 0.5;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-inputs input {
|
||||
width: calc(100% - 10px);
|
||||
min-width: 140px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
font-size: var(--FontSize2);
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-inputs select {
|
||||
width: 100%;
|
||||
min-width: 140px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
height: 30px;
|
||||
background-color: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
@@ -267,9 +330,9 @@
|
||||
display: flex;
|
||||
width: calc(100% - 10px);
|
||||
min-width: 140px;
|
||||
font-size: 14px;
|
||||
font-size: var(--FontSize3);
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
@@ -289,14 +352,14 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-size: 12px;
|
||||
font-size: var(--FontSize1);
|
||||
font-weight: 500;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>div {
|
||||
background: var(--ColorThemes0);
|
||||
border-radius: 6px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
width: calc(100% - 15px);
|
||||
padding: 0 5px 0 10px;
|
||||
}
|
||||
@@ -304,7 +367,7 @@
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>div>.checkbox {
|
||||
margin: 10px 0;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
font-size: var(--FontSize3);
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>div>.checkbox>.custom-checkbox+label {
|
||||
@@ -314,17 +377,18 @@
|
||||
user-select: none;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>button {
|
||||
border-radius: 6px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
background: var(--PrimaryColor);
|
||||
color: var(--PrimaryColorText);
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
font-size: var(--FontSize3);
|
||||
font-weight: 400;
|
||||
margin: 20px 0 0 0;
|
||||
margin: 10px 0 0 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@@ -332,7 +396,7 @@
|
||||
width: 100%;
|
||||
height: fit-content;
|
||||
margin: 0 10px 15px;
|
||||
border-radius: 15px;
|
||||
border-radius: var(--border-radius);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
@@ -366,11 +430,11 @@
|
||||
justify-content: space-between;
|
||||
background: var(--ColorThemes3);
|
||||
margin: 0 0 10px 0;
|
||||
border-radius: 10px;
|
||||
border-radius: calc(var(--border-radius) - 5px);
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.header>h1 {
|
||||
font-size: 16px;
|
||||
font-size: var(--FontSize5);
|
||||
font-weight: 400;
|
||||
color: var(--ColorThemes0);
|
||||
margin-left: 10px;
|
||||
@@ -383,7 +447,7 @@
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
margin-right: 5px;
|
||||
border-radius: 8px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 3px);
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30px;
|
||||
@@ -414,7 +478,7 @@
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-size: 12px;
|
||||
font-size: var(--FontSize1);
|
||||
font-weight: 500;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@@ -423,34 +487,147 @@
|
||||
width: calc(100% - 10px);
|
||||
min-width: 140px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
font-size: var(--FontSize2);
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.addeds-blocks-inputs select {
|
||||
width: 100%;
|
||||
min-width: 140px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
height: 30px;
|
||||
background-color: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>button {
|
||||
border-radius: 6px;
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
background: var(--PrimaryColor);
|
||||
color: var(--PrimaryColorText);
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
font-size: var(--FontSize3);
|
||||
font-weight: 400;
|
||||
margin: 20px 0 0 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
#editor-blocks-territory {
|
||||
border-radius: calc(var(--border-radius) - 5px - 4px);
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
margin-top: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
border: 1px solid var(--ColorThemes0);
|
||||
box-shadow: var(--shadow-l1);
|
||||
}
|
||||
|
||||
#editor-blocks-territory summary {
|
||||
width: calc(100% - 40px);
|
||||
cursor: pointer;
|
||||
color: var(--ColorThemes3);
|
||||
border-radius: var(--border-radius);
|
||||
font-size: var(--FontSize3);
|
||||
font-weight: 300;
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#editor-blocks-territory>div {
|
||||
width: calc(100% - 40px);
|
||||
color: var(--ColorThemes3) #f3f3f3;
|
||||
background-color: var(--ColorThemes2);
|
||||
border: 1px solid var(--PrimaryColor);
|
||||
box-shadow: var(--shadow-l1);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
min-height: 100px;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
border-radius: calc(var(--border-radius) - 5px - 6px);
|
||||
}
|
||||
|
||||
#editor-blocks-territory>div>#title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 30px;
|
||||
margin-bottom: 10px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#editor-blocks-territory>div>#title>h1 {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
border-radius: 6px;
|
||||
font-size: var(--FontSize5);
|
||||
font-weight: 400;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#editor-blocks-territory>div>#title>a {
|
||||
color: var(--ColorThemes0);
|
||||
border-radius: 6px;
|
||||
font-weight: 400;
|
||||
opacity: 1;
|
||||
min-height: 30px;
|
||||
min-width: 30px;
|
||||
padding: 0;
|
||||
margin: 0 0 0 10px;
|
||||
background: var(--PrimaryColor);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#editor-blocks-territory>div>#title>a>svg {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
fill: var(--PrimaryColorText);
|
||||
}
|
||||
|
||||
#editor-blocks-territory>div>div {
|
||||
display: flex;
|
||||
margin-bottom: 10px;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#editor-blocks-territory>div>div>h1 {
|
||||
font-size: var(--FontSize3);
|
||||
font-weight: 400;
|
||||
color: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#editor-blocks-territory>div>div>h2,
|
||||
#editor-blocks-territory>div>div>a,
|
||||
#editor-blocks-territory>div>div>p {
|
||||
font-size: var(--FontSize3);
|
||||
font-weight: 300;
|
||||
color: var(--ColorThemes3);
|
||||
opacity: 0.8;
|
||||
margin: 0 7px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 1001px),
|
||||
(min-height: 541px) {
|
||||
|
||||
@@ -470,6 +647,7 @@
|
||||
display: none;
|
||||
min-height: fit-content;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.header {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user