update: GUI version 2.0

This commit is contained in:
gerlofvanek
2023-04-06 16:59:28 +02:00
parent 22576c0316
commit c5ab11d015
43 changed files with 11229 additions and 256841 deletions

View File

@@ -1,179 +0,0 @@
/*! *
/** * * MSDropdown - dd.js * * @author: Marghoob Suleman * * @website: https://www.marghoobsuleman.com/ * * @version: 4.0.2 * * @date: Wed Oct 13 2021 15:19:38 GMT+0530 (India Standard Time) * * msDropdown is free web component: you can redistribute it and/or modify * * it under the terms of the either the MIT License or the Gnu General Public License (GPL) Version 2 * * / */
/*! */
.ms-pr {
position: relative;
border-width: 1px;
border-color: #fff
}
.ms-effect:active {
border-radius: 0.5rem;
border-width: 1px;
border-color: #3b82f6;
outline: none !important
}
.ms-effect:focus {
border-radius: 0.5rem;
border-width: 1px;
border-color: #3b82f6;
outline: none !important
}
.ms-dd {
border-radius: 0.5rem;
border-width: 1px;
border-color: #d1d5db;
background: none
}
.ms-list-option:active {
border-radius: 0.5rem;
border-width: 1px;
border-color: #3b82f6;
outline: none !important
}
.ms-dd .ms-value-input {
left: 20px;
position: absolute;
top: 10px;
width: 50%
}
.ms-dd .ms-dd-header {
c cursor: pointer;
min-height: 35px;
position: relative;
width: 100%;
}
.ms-dd .ms-dd-header .option-selected {
color: #333f51;
display: block;
overflow: hidden;
padding: 9px 19px 9px 9px;
pointer-events: none;
border-radius: 0.5rem;
border-width: 1px;
border-color: #f9fafb;
background: none
}
.ms-dd .ms-dd-header .ms-list-counter, .ms-dd .ms-dd-header input[type=checkbox] {
display: none
}
.ms-dd .ms-dd-header .ms-header-counter {
color: #0e76a8
}
.ms-dd .ms-dd-header .ms-filter-box {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 6px 10px;
min-height: 44px
}
.ms-dd .ms-dd-option-image, .ms-dd .ms-dd-selected-img {
margin-right: 5px;
max-width: 40px;
vertical-align: middle
}
.ms-dd .ms-dd-arrow {
height: 0;
margin-top: -3px;
position: absolute;
right: 10px;
top: 50%;
width: 0
}
.ms-dd .ms-dd-arrow.ms-dd-pointer-down {
display: none
}
.ms-dd .ms-dd-arrow.ms-dd-pointer-up {
display: none
}
.ms-dd .ms-options {
background: #fff;
border: 1px solid #767676;
box-shadow: 0 1px 5px #ddd;
display: none;
list-style: none;
margin: 0;
overflow: auto;
padding: 0;
position: absolute;
width: 100%;
z-index: 9999
}
.ms-dd .ms-list-option, .ms-dd .ms-optgroup ul .ms-list-option {
align-items: center;
color: #333;
cursor: pointer;
display: flex;
justify-content: flex-start;
overflow: hidden;
padding: 10px;
position: relative;
text-decoration: none
}
.ms-dd .ms-list-option input[type=checkbox], .ms-dd .ms-optgroup ul .ms-list-option input[type=checkbox] {
margin-right: 5px;
vertical-align: middle
}
.ms-dd .ms-list-option:last-child, .ms-dd .ms-optgroup ul .ms-list-option:last-child {
border-bottom: none
}
.ms-dd .ms-list-option:hover, .ms-dd .ms-optgroup ul .ms-list-option:hover {
background: #e0e0e6;
color: #000
}
.ms-dd .ms-list-option.option-selected, .ms-dd .ms-optgroup ul .ms-list-option.option-selected {
background: #f9fafb
}
.ms-dd .ms-list-option.ico-align-right .ms-dd-option-image, .ms-dd .ms-list-option.ico-align-right .ms-dd-selected-img, .ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-option-image, .ms-dd .ms-optgroup ul .ms-list-option.ico-align-right .ms-dd-selected-img {
order: 2
}
.ms-dd .ms-list-option.disabled, .ms-dd .ms-list-option:disabled, .ms-dd .ms-optgroup ul .ms-list-option.disabled, .ms-dd .ms-optgroup ul .ms-list-option:disabled {
cursor: default;
opacity: .4
}
.ms-dd .ms-list-option .ms-dd-desc, .ms-dd .ms-optgroup ul .ms-list-option .ms-dd-desc {
color: #aaa;
display: block;
line-height: 1.5em;
overflow: hidden;
text-shadow: 0 1px .5px #fff
}
.ms-dd .ms-header-middle-content, .ms-dd .ms-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.875rem;
min-width: 100px
}
.ms-dd.disabled, .ms-dd:disabled {
cursor: default;
opacity: .4;
pointer-events: none
}
.ms-dd .ms-optgroup-padding {
padding: 10px 10px 0
}
.ms-dd .ms-optgroup {
display: block
}
.ms-dd .ms-optgroup:hover {
background: #fff;
color: #000
}
.ms-dd .ms-optgroup ul {
margin: 0;
padding: 0
}
.ms-dd .ms-optgroup ul .ms-list-option {
padding-left: 20px
}
.ms-dd .ms-optgroup ul:last-child {
}
.ms-dd .ms-dd-option-content {
width: 100%
}
.ms-value-input {
display:none;
}

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@@ -16,16 +16,12 @@
.floatright
{
position: absolute;
position: fixed;
top:1.25rem;
right:1.25rem;
z-index: 9999;
}
.error
{
}
.error_msg
{
color:red;
@@ -55,4 +51,64 @@
height:0;
visibility:hidden;
}
}
}
.custom-select .select {
appearance: none;
background-image: url('/static/images/other/coin.png');
background-position: 10px center;
background-repeat: no-repeat;
position: relative;
}
.custom-select select::-webkit-scrollbar {
width: 0;
}
.custom-select .select option {
padding-left: 0;
text-indent: 0;
background-repeat: no-repeat;
background-position: 0 50%;
}
.custom-select .select option.no-space {
padding-left: 0;
}
.custom-select .select option[data-image] {
background-image: url('');
}
.custom-select .select-icon {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
.custom-select .select-image {
display: none;
margin-top: 10px;
}
.custom-select .select:focus + .select-dropdown .select-image {
display: block;
}
/* Disable opacity on disabled form elements in Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
select:disabled,
input:disabled,
textarea:disabled {
opacity: 1 !important;
}
}
/* Add this to your existing CSS file */
.error {
border: 1px solid red !important;
}