แก้ไข css ให้เหมือนทะเบียนสมาชิก

This commit is contained in:
Nakorn Rientrakrunchai
2021-01-31 12:48:43 +07:00
parent 381369e397
commit ad42205726
3 changed files with 67 additions and 20 deletions

View File

@@ -95,8 +95,9 @@ a:hover {
} }
.form-control { .form-control {
color: #000000 !important; color: blue !important; /*myfix*/
font-size: .8rem; font-size: .8rem;
font-weight: bold; /*myfix*/
} }
/*modal*/ /*modal*/
@@ -118,7 +119,7 @@ a:hover {
.form-control { .form-control {
box-shadow: none; box-shadow: none;
color: #000000; color: #c2c2c2;
} }

View File

@@ -157,7 +157,7 @@
} }
div#auth-page { div#auth-page {
background-image: url("../../BackendScript/images/background/login-bg.jpg"); background-image: url("../../images/login-bg.jpg");
background-size: cover; background-size: cover;
height: 100vh height: 100vh
} }
@@ -180,7 +180,7 @@ div.auth-wrapper .alert {
.login-logo { .login-logo {
margin-top: 10px; margin-top: 10px;
content: url("../../BackendScript/images/logo-login.png") content: url("../../images/logo-login.png")
} }
.title-login { .title-login {
@@ -566,8 +566,9 @@ ul.sidebar-menu {
} }
body[data-fontsize="1"] #main-content :not(.select2-selection__rendered):not(.fa):not(.btn):not(.input-group-text) { body[data-fontsize="1"] #main-content :not(.select2-selection__rendered):not(.fa):not(.btn):not(.input-group-text) {
font-size: 18px !important; font-size: 22px !important; /*myfix*/
line-height: 22px !important line-height: 22px !important;
font-weight: bold !important; /*myfix*/
} }
body[data-fontsize="2"] #main-content :not(.select2-selection__rendered):not(.fa):not(.btn):not(.input-group-text) { body[data-fontsize="2"] #main-content :not(.select2-selection__rendered):not(.fa):not(.btn):not(.input-group-text) {
@@ -666,11 +667,12 @@ body[data-fontsize="3"] #main-content :not(.select2-selection__rendered):not(.fa
} }
.btn { .btn {
font-size: 19px; font-size: 24px; /*myfix*/
height: 30px; height: 30px;
line-height: 1; line-height: 1;
color: #fff; color: #fff;
border: 1px solid border: 1px solid;
font-weight:bold;
} }
.btn:focus { .btn:focus {
@@ -958,13 +960,15 @@ input.is-invalid:focus {
height: 32px height: 32px
} }
.select2-container .select2-selection--single .select2-selection__rendered { .select2-container .select2-selection--single .select2-selection__rendered {
height: 30px; height: 30px;
line-height: 31px; line-height: 31px;
font-size: 19px; font-size: 22px; /*myfix*/
padding-left: 12px; padding-left: 12px;
padding-right: 30px padding-right: 30px;
} color: blue; /*myfix*/
font-weight: bold; /*myfix*/
}
.select2-container .select2-selection--single .select2-selection__rendered li { .select2-container .select2-selection--single .select2-selection__rendered li {
line-height: 1 line-height: 1
@@ -991,8 +995,8 @@ input.is-invalid:focus {
} }
.select2-container--default .select2-search--dropdown .select2-search__field { .select2-container--default .select2-search--dropdown .select2-search__field {
font-size: 19px; font-size: 22px; /*myfix*/
color: blue; /*myfix*/
} }
.select2-container--default .select2-selection--multiple { .select2-container--default .select2-selection--multiple {
@@ -1042,7 +1046,9 @@ input.is-invalid:focus {
} }
li.select2-results__option { li.select2-results__option {
font-size: 19px font-size: 22px; /*myfix*/
color: blue; /*myfix*/
font-weight:bold;
} }
.datepicker td.disabled, .datepicker td.disabled,

View File

@@ -31,3 +31,43 @@ select:disabled {
text-indent: 1px; text-indent: 1px;
text-overflow: ''; text-overflow: '';
} }
/*=================My Auto Complete==================*/
/*the container must be positioned relative:*/
.autocomplete {
position: relative;
display: inline-block;
}
.my_autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.my_autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
/*when hovering an item:*/
.my_autocomplete-items div:hover {
background-color: #e9e9e9;
}
/*when navigating through the items using the arrow keys:*/
.my_autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
}