v0.0.1
This commit is contained in:
250
web/lib/pages/sheeps/index.html
Normal file
250
web/lib/pages/sheeps/index.html
Normal file
@@ -0,0 +1,250 @@
|
||||
<div class="page-sheeps">
|
||||
<div id="block-sheeps-list">
|
||||
<div class="header">
|
||||
<h1>Всі вісники</h1>
|
||||
</div>
|
||||
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
<div class="card-profile"></div>
|
||||
</div>
|
||||
|
||||
<div id="block-sheep-info">
|
||||
<div id="sheep-mess">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
|
||||
<path
|
||||
d="M 25.042969 12 C 20.698969 12 18 15.029297 18 19.904297 C 18 24.104297 20.766812 28.599609 24.882812 28.599609 C 27.167812 28.599609 31 27.369813 31 19.132812 C 31 14.999813 28.494969 12 25.042969 12 z M 39.974609 12 C 35.672609 12 33 14.931437 33 19.648438 C 33 24.104438 34.862391 28.599609 39.025391 28.599609 C 43.603391 28.599609 46 23.922734 46 19.302734 C 46 14.285734 42.876609 12 39.974609 12 z M 25.042969 16 C 26.388969 16 27 17.623812 27 19.132812 C 27 20.776813 26.794812 24.599609 24.882812 24.599609 C 23.428813 24.599609 22 22.274297 22 19.904297 C 22 16.000297 24.132969 16 25.042969 16 z M 39.974609 16 C 41.224609 16 42 17.265734 42 19.302734 C 42 21.906734 40.886391 24.599609 39.025391 24.599609 C 37.594391 24.599609 37 21.375438 37 19.648438 C 37 16.000438 39.084609 16 39.974609 16 z M 13.689453 24 C 9.8134531 24 7 27.465234 7 32.240234 C 7 35.462234 9.0299688 40 13.542969 40 C 17.224969 40 20 36.250297 20 31.279297 C 20 27.061297 17.346453 24 13.689453 24 z M 50.75 24 C 46.94 24 43 27.440219 43 33.199219 C 43 36.541219 45.15 40 48.75 40 C 52.612 40 56 35.477312 56 30.320312 C 56 26.480313 53.939 24 50.75 24 z M 13.689453 28 C 15.514453 28 16 30.061297 16 31.279297 C 16 33.793297 14.852969 36 13.542969 36 C 11.603969 36 11 33.244234 11 32.240234 C 11 29.783234 12.131453 28 13.689453 28 z M 50.75 28 C 51.783 28 52 29.262313 52 30.320312 C 52 33.788312 49.866 36 48.75 36 C 47.514 36 47 34.175219 47 33.199219 C 47 29.652219 49.237 28 50.75 28 z M 31.806641 30.001953 C 29.371641 29.947953 27.296656 31.058937 25.597656 33.335938 C 22.515656 37.450938 21.695953 38.210313 19.376953 39.695312 C 17.528953 40.875312 14.998047 42.492141 14.998047 45.994141 C 14.998047 49.769141 18.164641 52.839844 22.056641 52.839844 C 23.872641 52.839844 25.588266 52.174453 27.697266 51.439453 C 29.071266 52.348453 30.722125 52.839844 32.453125 52.839844 C 34.215125 52.839844 35.869422 52.353125 37.232422 51.453125 C 41.805422 53.496125 44.150719 53.039344 45.636719 52.277344 C 47.314719 51.416344 48.403953 49.800703 48.876953 47.470703 C 49.107953 46.334703 48.997375 45.198781 48.609375 44.175781 C 48.012375 42.602781 46.757453 41.293531 45.064453 40.644531 C 43.137453 39.916531 42.576406 39.753172 41.316406 38.826172 C 39.672406 37.616172 39.015453 35.742422 37.814453 33.607422 C 36.601453 31.449422 34.298641 30.067953 31.806641 30.001953 z M 31.701172 34.001953 C 32.777172 34.029953 33.808125 34.644359 34.328125 35.568359 C 35.480125 37.621359 36.442312 40.205828 38.945312 42.048828 C 40.748312 43.375828 41.894813 43.725812 43.632812 44.382812 C 44.073813 44.550813 44.501812 44.883844 44.757812 45.339844 C 44.966813 45.711844 45.061031 46.164781 44.957031 46.675781 C 44.738031 47.753781 44.3535 48.44175 43.8125 48.71875 C 42.4475 49.41975 39.736125 48.192875 38.578125 47.671875 C 38.187125 47.495875 36.729781 46.582125 35.550781 47.703125 C 34.778781 48.436125 33.679125 48.839844 32.453125 48.839844 C 31.288125 48.839844 30.211922 48.444562 29.419922 47.726562 C 28.893922 47.247562 28.151609 47.085828 27.474609 47.298828 C 25.411609 47.948828 23.441594 48.839844 22.058594 48.839844 C 20.372594 48.839844 19.001953 47.562141 19.001953 45.994141 C 19.001953 44.795141 19.69525 44.240406 21.53125 43.066406 C 24.29525 41.302406 25.514688 40.146469 28.804688 35.730469 C 29.975687 34.161469 30.981172 33.980953 31.701172 34.001953 z"
|
||||
/>
|
||||
</svg>
|
||||
<h1>Виберіть вісника для редагування</h1>
|
||||
</div>
|
||||
|
||||
<form id="sheep-editor" style="display: none; opacity: 0">
|
||||
<div class="header">
|
||||
<h1>Інформація про вісника</h1>
|
||||
|
||||
<button onclick="Sheeps.editor.close()">
|
||||
<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"
|
||||
></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<i id="sheep-editor-icon"></i>
|
||||
<div class="editor-blocks-inputs" id="editor-blocks-inputs-uuid">
|
||||
<label>UUID</label>
|
||||
<input
|
||||
id="sheep-editor-uuid"
|
||||
type="text"
|
||||
name="uuid"
|
||||
value=""
|
||||
disabled
|
||||
style="display: none"
|
||||
/>
|
||||
<p id="sheep-editor-uuid-copy" style="cursor: copy !important"></p>
|
||||
</div>
|
||||
<div class="editor-blocks-inputs">
|
||||
<label for="sheep-editor-name">Імʼя</label>
|
||||
<input id="sheep-editor-name" type="text" name="name" required="" />
|
||||
</div>
|
||||
<div class="editor-blocks-inputs">
|
||||
<label for="sheep-editor-group_id">Група</label>
|
||||
<select id="sheep-editor-group_id" name="group_id">
|
||||
<option value="1">Група 1</option>
|
||||
<option value="2" selected>Група 2</option>
|
||||
<option value="3">Група 3</option>
|
||||
<option value="4">Група 4</option>
|
||||
<option value="5">Група 5</option>
|
||||
<option value="6">Група 6</option>
|
||||
<option value="7">Група 7</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="editor-blocks-inputs">
|
||||
<label for="sheep-editor-appointment">Призначення</label>
|
||||
<select id="sheep-editor-appointment" name="appointment">
|
||||
<option value="lamb" selected>Вісник</option>
|
||||
<option value="pioneer">Піонер</option>
|
||||
<option value="attender">Служитель збору</option>
|
||||
<option value="elder">Старійшина збору</option>
|
||||
</select>
|
||||
</div>
|
||||
<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>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="editor-blocks-inputs"
|
||||
id="editor-blocks-inputs-uuid-moder"
|
||||
style="display: none"
|
||||
>
|
||||
<label>UUID адміністратора/модератора</label>
|
||||
<p id="sheep-editor-uuid-moder" style="cursor: copy !important"></p>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="editor-blocks-checkbox"
|
||||
id="sheep-editor-access-moder"
|
||||
style="display: none"
|
||||
>
|
||||
<p for="editor-access">Дозволи модератора</p>
|
||||
<div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_add_sheeps"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_add_sheeps"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_add_sheeps"> Create Sheeps </label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_add_territory"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_add_territory"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_add_territory">
|
||||
Create Territory
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_manager_territory"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_manager_territory"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_manager_territory">
|
||||
Manager Territory
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_add_stand"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_add_stand"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_add_stand"> Create Stand </label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_manager_stand"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_manager_stand"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_manager_stand"> Manager Stand </label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_add_schedule"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_add_schedule"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_add_schedule"> Create Schedule </label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="editor-blocks-checkbox">
|
||||
<p for="editor-access">Дозволи вісника</p>
|
||||
<div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_view_schedule"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_view_schedule"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_view_schedule"> View Schedule </label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_view_stand"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_view_stand"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_view_stand"> View Stand </label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<input
|
||||
name="can_view_territory"
|
||||
class="custom-checkbox"
|
||||
id="sheep-editor-can_view_territory"
|
||||
type="checkbox"
|
||||
/>
|
||||
<label for="sheep-editor-can_view_territory">
|
||||
View Territory
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button id="sheep-editor-button" style="display: none">Зберегти</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="block-sheep-addeds" style="display: none; opacity: 0">
|
||||
<form id="sheep-addeds">
|
||||
<div class="header">
|
||||
<h1>Додавання нового вісника</h1>
|
||||
<button onclick="Sheeps.addeds.close()" class="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"
|
||||
></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<i id="sheep-addeds-icon"></i>
|
||||
<div class="addeds-blocks-inputs">
|
||||
<label for="sheep-addeds-name">Імʼя</label>
|
||||
<input id="sheep-addeds-name" type="text" name="name" required="" />
|
||||
</div>
|
||||
<div class="addeds-blocks-inputs">
|
||||
<label for="sheep-addeds-group_id">Група</label>
|
||||
<select id="sheep-addeds-group_id" name="group_id" required>
|
||||
<option value="" selected disabled>Оберіть...</option>
|
||||
<option value="1">Група 1</option>
|
||||
<option value="2">Група 2</option>
|
||||
<option value="3">Група 3</option>
|
||||
<option value="4">Група 4</option>
|
||||
<option value="5">Група 5</option>
|
||||
<option value="6">Група 6</option>
|
||||
<option value="7">Група 7</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="addeds-blocks-inputs">
|
||||
<label for="sheep-addeds-appointment">Призначення</label>
|
||||
<select id="sheep-addeds-appointment" name="appointment" required>
|
||||
<option value="lamb" selected>Вісник</option>
|
||||
<option value="pioneer">Піонер</option>
|
||||
<option value="attender">Служитель збору</option>
|
||||
<option value="elder">Старійшина збору</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button id="sheep-addeds-button">Додати</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
428
web/lib/pages/sheeps/script.js
Normal file
428
web/lib/pages/sheeps/script.js
Normal file
File diff suppressed because one or more lines are too long
482
web/lib/pages/sheeps/style.css
Normal file
482
web/lib/pages/sheeps/style.css
Normal file
@@ -0,0 +1,482 @@
|
||||
.page-sheeps {
|
||||
width: calc(100% - 18px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 20px 9px 0 9px;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#block-sheeps-list,
|
||||
#block-sheep-info {
|
||||
width: 100%;
|
||||
margin: 0 10px 15px;
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
background: var(--ColorThemes1);
|
||||
color: var(--ColorThemes3);
|
||||
border: 1px solid var(--ColorThemes2);
|
||||
box-shadow: var(--shadow-l1);
|
||||
transition: all .2s ease 0s;
|
||||
}
|
||||
|
||||
#block-sheep-info {
|
||||
min-height: calc(100vh - 40px);
|
||||
max-height: calc(100vh - 40px);
|
||||
position: sticky;
|
||||
overflow: auto;
|
||||
top: 20px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.header {
|
||||
min-height: 40px;
|
||||
width: calc(100% - 20px);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: var(--PrimaryColor);
|
||||
margin: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.header>h1 {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: var(--PrimaryColorText);
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.header>button {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
margin-right: 5px;
|
||||
border-radius: 8px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.header>button>svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
fill: var(--ColorThemes3);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
#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;
|
||||
margin: 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.card-profile>img,
|
||||
#block-sheeps-list>.card-profile>svg {
|
||||
width: 65px;
|
||||
min-width: 65px;
|
||||
height: 65px;
|
||||
margin: 10px 15px 10px 10px;
|
||||
fill: var(--PrimaryColor);
|
||||
}
|
||||
|
||||
#block-sheeps-list>.card-profile>.info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 90px;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
width: calc(100% - 95px);
|
||||
}
|
||||
|
||||
#block-sheeps-list>.card-profile>.info>.text>h1 {
|
||||
font-size: 16px;
|
||||
color: var(--ColorThemes3);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.card-profile>.info>.text>h2 {
|
||||
font-size: 12px;
|
||||
color: var(--ColorThemes3);
|
||||
font-weight: 400;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.card-profile>.info>.access {
|
||||
display: flex;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
max-width: 100%;
|
||||
padding-bottom: 4px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#block-sheeps-list>.card-profile>.info>.access>b {
|
||||
padding: 2px 5px;
|
||||
border-radius: 5px;
|
||||
background: var(--PrimaryColor);
|
||||
color: var(--PrimaryColorText);
|
||||
margin-right: 5px;
|
||||
white-space: nowrap;
|
||||
font-size: 13px;
|
||||
height: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#block-sheep-info>#sheep-mess {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -100px;
|
||||
margin-left: -100px;
|
||||
justify-content: center;
|
||||
opacity: 0.6;
|
||||
transition: all .2s ease 0s;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-mess>svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
fill: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-mess>h1 {
|
||||
font-size: 20px;
|
||||
color: var(--ColorThemes3);
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor {
|
||||
display: flex;
|
||||
padding: 10px;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
transition: all .3s ease 0s;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.header {
|
||||
display: none;
|
||||
min-height: 40px;
|
||||
width: 100%;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: var(--ColorThemes3);
|
||||
margin: 0 0 10px 0;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.header>h1 {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: var(--ColorThemes0);
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.header>button {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
margin-right: 5px;
|
||||
border-radius: 8px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.header>button>svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
fill: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>i>svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
fill: var(--PrimaryColor);
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-inputs {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin: 10px 0;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-inputs label {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-inputs input {
|
||||
width: calc(100% - 10px);
|
||||
min-width: 140px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-inputs select {
|
||||
width: 100%;
|
||||
min-width: 140px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
height: 30px;
|
||||
background-color: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-inputs p {
|
||||
display: flex;
|
||||
width: calc(100% - 10px);
|
||||
min-width: 140px;
|
||||
font-size: 14px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
align-items: center;
|
||||
cursor: copy;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin: 10px 0;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>p {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>div {
|
||||
background: var(--ColorThemes0);
|
||||
border-radius: 6px;
|
||||
width: calc(100% - 15px);
|
||||
padding: 0 5px 0 10px;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>div>.checkbox {
|
||||
margin: 10px 0;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>.editor-blocks-checkbox>div>.checkbox>.custom-checkbox+label {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
user-select: none;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#block-sheep-info>#sheep-editor>button {
|
||||
border-radius: 6px;
|
||||
background: var(--PrimaryColor);
|
||||
color: var(--PrimaryColorText);
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin: 20px 0 0 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#block-sheep-addeds {
|
||||
width: 100%;
|
||||
height: fit-content;
|
||||
margin: 0 10px 15px;
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
background: var(--ColorThemes1);
|
||||
color: var(--ColorThemes3);
|
||||
border: 1px solid var(--ColorThemes2);
|
||||
box-shadow: var(--shadow-l1);
|
||||
transition: all .2s ease 0s;
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds {
|
||||
display: flex;
|
||||
padding: 10px;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
transition: all .3s ease 0s;
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>div {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.header {
|
||||
min-height: 40px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background: var(--ColorThemes3);
|
||||
margin: 0 0 10px 0;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.header>h1 {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: var(--ColorThemes0);
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.header>button {
|
||||
display: flex;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
margin-right: 5px;
|
||||
border-radius: 8px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.header>button>svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
fill: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>i>svg {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
fill: var(--PrimaryColor);
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.addeds-blocks-inputs {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin: 10px 0;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.addeds-blocks-inputs label {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.addeds-blocks-inputs input {
|
||||
width: calc(100% - 10px);
|
||||
min-width: 140px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
height: 30px;
|
||||
background: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>.addeds-blocks-inputs select {
|
||||
width: 100%;
|
||||
min-width: 140px;
|
||||
padding: 0 5px;
|
||||
border-radius: 6px;
|
||||
height: 30px;
|
||||
background-color: var(--ColorThemes0);
|
||||
color: var(--ColorThemes3);
|
||||
}
|
||||
|
||||
#block-sheep-addeds>#sheep-addeds>button {
|
||||
border-radius: 6px;
|
||||
background: var(--PrimaryColor);
|
||||
color: var(--PrimaryColorText);
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
margin: 20px 0 0 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@media (min-width: 1001px),
|
||||
(min-height: 541px) {
|
||||
|
||||
#block-sheeps-list,
|
||||
#block-sheep-info {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1000px),
|
||||
(max-height: 540px) {
|
||||
#block-sheeps-list {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#block-sheep-info {
|
||||
display: none;
|
||||
min-height: fit-content;
|
||||
}
|
||||
#block-sheep-info>#sheep-editor>.header {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
/* @media (min-height: 600px) and (max-height: 700px) {
|
||||
#block-sheep-info>#sheep-editor>i>svg {
|
||||
display: none;
|
||||
}
|
||||
} */
|
||||
Reference in New Issue
Block a user