Update BUMDes
This commit is contained in:
+171
-3
@@ -186,18 +186,62 @@
|
||||
}
|
||||
#layout-menu .menu-sub .sidebar-icon > .ti { width: 19px; height: 19px; font-size: 19px; }
|
||||
|
||||
/* Profil Kelompok Tani */
|
||||
.kelompok-tani-page {
|
||||
/* Select2 sizes the floating dropdown itself; its body wrapper must not span the viewport. */
|
||||
body > .select2-container--open {
|
||||
inline-size: auto !important;
|
||||
}
|
||||
|
||||
/* Tipografi profil Kelompok Tani dan BUMDes */
|
||||
.kelompok-tani-page,
|
||||
.bumdes-page {
|
||||
font-family: var(--bs-body-font-family);
|
||||
font-size: var(--bs-body-font-size);
|
||||
font-weight: var(--bs-body-font-weight);
|
||||
line-height: var(--bs-body-line-height);
|
||||
}
|
||||
|
||||
.kelompok-tani-page :is(.form-control, .form-select, .form-check-label, .select2-container) {
|
||||
.kelompok-tani-page :is(.form-control, .form-select, .form-check-label, .select2-container),
|
||||
.bumdes-page :is(.form-control, .form-select, .form-check-label, .select2-container) {
|
||||
font-family: var(--bs-body-font-family);
|
||||
}
|
||||
|
||||
.bumdes-page form :is(.form-control, .form-select, .form-check-label, .select2-container) {
|
||||
font-size: var(--bs-body-font-size);
|
||||
font-weight: var(--bs-body-font-weight);
|
||||
line-height: var(--bs-body-line-height);
|
||||
}
|
||||
|
||||
#bumdes-notifications,
|
||||
.bumdes-page #section-kepengurusan {
|
||||
scroll-margin-top: 7rem;
|
||||
}
|
||||
|
||||
.bumdes-page .pengurus-status-switch-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.bumdes-page .pengurus-status-switch-row .switch {
|
||||
width: 52px;
|
||||
min-width: 52px;
|
||||
max-width: 52px;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
flex: 0 0 52px;
|
||||
}
|
||||
|
||||
.bumdes-page .pengurus-status-switch-row .switch-toggle-slider {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.bumdes-page select.is-invalid + .select2-container .select2-selection {
|
||||
border-color: var(--bs-form-invalid-border-color);
|
||||
}
|
||||
|
||||
.kelompok-tani-page select.is-invalid + .select2-container .select2-selection {
|
||||
border-color: var(--bs-form-invalid-border-color);
|
||||
}
|
||||
@@ -254,3 +298,127 @@
|
||||
.kelompok-tani-page .select2-container--disabled .select2-selection::after {
|
||||
color: var(--bs-secondary-color);
|
||||
}
|
||||
|
||||
/* Daftar dan navigasi profil BUMDes. */
|
||||
|
||||
.bumdes-row { cursor: pointer; }
|
||||
.bumdes-filter-row { padding-block: 1.5rem; }
|
||||
.bumdes-filter-line { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
|
||||
.bumdes-filter-label { display: flex; align-items: center; font-weight: 500; margin-right: .5rem; white-space: nowrap; }
|
||||
.bumdes-filter-line .form-select,
|
||||
.bumdes-filter-line .btn { min-height: 31px; }
|
||||
.bumdes-filter-line .form-select {
|
||||
background-color: var(--bs-paper-bg);
|
||||
border-color: var(--bs-border-color);
|
||||
border-radius: var(--bs-border-radius);
|
||||
color: var(--bs-body-color);
|
||||
}
|
||||
.bumdes-filter-line .form-select:focus {
|
||||
border-color: rgba(40, 167, 69, .55);
|
||||
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .12);
|
||||
}
|
||||
.bumdes-filter-line .btn { white-space: nowrap; }
|
||||
.bumdes-filter-static {
|
||||
display: flex; align-items: center; min-height: 31px;
|
||||
padding: .25rem .75rem; font-size: .8125rem;
|
||||
background-color: var(--bs-paper-bg);
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: var(--bs-border-radius);
|
||||
color: var(--bs-body-color);
|
||||
}
|
||||
.bumdes-filter-line .input-group-sm { width: 240px; }
|
||||
.bumdes-data-filters > div:not(.bumdes-filter-label) {
|
||||
flex: 1 1 11rem;
|
||||
min-inline-size: 0;
|
||||
}
|
||||
.bumdes-data-filters .form-select { text-overflow: ellipsis; }
|
||||
.bumdes-data-filters .input-group-sm { width: 100%; }
|
||||
@media (max-width: 767.98px) {
|
||||
.bumdes-filter-line { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
|
||||
.bumdes-filter-label { margin-right: 0; }
|
||||
.bumdes-filter-line .btn { justify-content: center; width: 100%; }
|
||||
.bumdes-filter-line .input-group-sm { width: 100%; }
|
||||
.bumdes-filter-line .input-group .btn { width: auto; }
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.bumdes-page .nav-pills-custom-spacing {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
gap: 0.5rem;
|
||||
flex-wrap: nowrap !important;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.bumdes-page .nav-pills-custom-spacing::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bumdes-page .nav-pills-custom-spacing .nav-item {
|
||||
margin-right: 0 !important;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.bumdes-page .nav-pills-custom-spacing .nav-link {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-left: 0.5rem !important;
|
||||
padding-right: 0.5rem !important;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
font-size: var(--bs-body-font-size) !important;
|
||||
}
|
||||
|
||||
.bumdes-page .nav-pills-custom-spacing .nav-link i {
|
||||
margin-right: 0.4rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tabel dan ringkasan profil BUMDes. */
|
||||
.bumdes-list-table .bumdes-list-identity {
|
||||
min-inline-size: 12rem;
|
||||
max-inline-size: 16rem;
|
||||
}
|
||||
|
||||
.bumdes-list-table .bumdes-list-status {
|
||||
min-inline-size: 10rem;
|
||||
max-inline-size: 16rem;
|
||||
}
|
||||
|
||||
.bumdes-list-table .bumdes-list-units {
|
||||
min-inline-size: 12rem;
|
||||
max-inline-size: 18rem;
|
||||
}
|
||||
|
||||
.bumdes-list-table .badge {
|
||||
max-inline-size: 100%;
|
||||
line-height: 1.45;
|
||||
white-space: normal;
|
||||
text-align: start;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.bumdes-profile-summary .bumdes-summary-content {
|
||||
min-inline-size: 0;
|
||||
}
|
||||
|
||||
.bumdes-profile-summary .bumdes-summary-label {
|
||||
color: var(--bs-secondary-color);
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.bumdes-profile-summary .badge {
|
||||
max-inline-size: 100%;
|
||||
line-height: 1.45;
|
||||
white-space: normal;
|
||||
text-align: start;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.bumdes-profile-summary .bumdes-summary-more {
|
||||
min-block-size: 1.5rem;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user