gru/lista_zakupowa_live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 9 Wiki Activity

fix inputs

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-03-31 15:02:12 +02:00
parent b9b37daf01
commit ad75e2f958
2 changed files with 52 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Archiwum.zip Normal file
View File

Binary file not shown.

102
shopping_app/static/css/style.css
View File

@@ -1571,15 +1571,15 @@ hr {
min-height: 46px;
}
.input-group {
.input-group:not(.ui-password-group) {
flex-wrap: wrap;
gap: 0.55rem;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .btn,
.input-group > .input-group-text {
.input-group:not(.ui-password-group) > .form-control,
.input-group:not(.ui-password-group) > .form-select,
.input-group:not(.ui-password-group) > .btn,
.input-group:not(.ui-password-group) > .input-group-text {
width: 100% !important;
flex: 1 1 100% !important;
border-radius: 14px !important;
@@ -4767,6 +4767,18 @@ body:not(.sorting-active) .drag-handle {
flex-wrap: nowrap !important;
align-items: stretch !important;
width: 100% !important;
gap: 0 !important;
overflow: hidden !important;
border: 1px solid var(--ui-border-strong) !important;
border-radius: var(--ui-control-radius) !important;
background: rgba(255,255,255,0.04) !important;
background-image: none !important;
box-shadow: none !important;
}
.ui-password-group:focus-within {
border-color: rgba(25, 135, 84, 0.6) !important;
box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.16) !important;
}
.ui-password-group > .form-control {
@@ -4774,11 +4786,19 @@ body:not(.sorting-active) .drag-handle {
width: 1% !important;
min-width: 0 !important;
min-height: var(--ui-control-height) !important;
border-top-left-radius: var(--ui-control-radius) !important;
border-bottom-left-radius: var(--ui-control-radius) !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-right: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
background-clip: padding-box !important;
}
.ui-password-group > .form-control:focus {
box-shadow: none !important;
background: transparent !important;
background-color: transparent !important;
}
.ui-password-group > .ui-password-toggle {
@@ -4794,15 +4814,13 @@ body:not(.sorting-active) .drag-handle {
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
background-color: var(--dark-700) !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
color: var(--text-strong) !important;
border: 1px solid var(--dark-300) !important;
border-left: 0 !important;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: var(--ui-control-radius) !important;
border-bottom-right-radius: var(--ui-control-radius) !important;
color: rgba(255,255,255,0.72) !important;
border: 0 !important;
border-left: 1px solid rgba(255, 255, 255, 0.10) !important;
border-radius: 0 !important;
box-shadow: none !important;
line-height: 1 !important;
}
@@ -4810,15 +4828,17 @@ body:not(.sorting-active) .drag-handle {
.ui-password-group > .ui-password-toggle:hover,
.ui-password-group > .ui-password-toggle:focus,
.ui-password-group > .ui-password-toggle:focus-visible {
background-color: var(--dark-800) !important;
background: rgba(255,255,255,0.03) !important;
background-color: rgba(255,255,255,0.03) !important;
color: #fff !important;
border-color: var(--primary) !important;
box-shadow: var(--ui-control-focus-ring) !important;
border-left-color: rgba(255,255,255,0.16) !important;
box-shadow: none !important;
outline: none !important;
}
.ui-password-group > .ui-password-toggle.is-active {
background-color: var(--dark-800) !important;
background: rgba(255,255,255,0.05) !important;
background-color: rgba(255,255,255,0.05) !important;
color: #fff !important;
}
@@ -4848,38 +4868,20 @@ body:not(.sorting-active) .drag-handle {
border-radius: var(--ui-control-radius) !important;
}
/*
Password fields use only the generic ui-password-group rules above.
Keep endpoint-specific overrides out of login/system_auth/admin screens,
otherwise future changes start fighting through selector specificity.
*/
.ui-password-group > .form-control.ui-consistent-input {
border-radius: 0 !important;
}
.endpoint-edit_my_list .access-editor .access-input,
.endpoint-edit_list .input-group.input-group-sm .form-control,
.endpoint-user_management .row .ui-password-group > .form-control,
.endpoint-user_management .modal .ui-password-group > .form-control {
.endpoint-edit_list .input-group.input-group-sm .form-control {
min-height: var(--ui-control-height) !important;
}
.endpoint-login .ui-password-group > .ui-password-toggle,
.endpoint-system_auth .ui-password-group > .ui-password-toggle,
.endpoint-user_management .ui-password-group > .ui-password-toggle,
.endpoint-user_management .modal .ui-password-group > .ui-password-toggle {
background-color: var(--dark-700) !important;
color: var(--text-strong) !important;
border-color: var(--dark-300) !important;
}
.endpoint-login .ui-password-group > .ui-password-toggle:hover,
.endpoint-login .ui-password-group > .ui-password-toggle:focus,
.endpoint-login .ui-password-group > .ui-password-toggle:focus-visible,
.endpoint-system_auth .ui-password-group > .ui-password-toggle:hover,
.endpoint-system_auth .ui-password-group > .ui-password-toggle:focus,
.endpoint-system_auth .ui-password-group > .ui-password-toggle:focus-visible,
.endpoint-user_management .ui-password-group > .ui-password-toggle:hover,
.endpoint-user_management .ui-password-group > .ui-password-toggle:focus,
.endpoint-user_management .ui-password-group > .ui-password-toggle:focus-visible,
.endpoint-user_management .modal .ui-password-group > .ui-password-toggle:hover,
.endpoint-user_management .modal .ui-password-group > .ui-password-toggle:focus,
.endpoint-user_management .modal .ui-password-group > .ui-password-toggle:focus-visible {
background-color: var(--dark-800) !important;
border-color: var(--primary) !important;
}
@media (max-width: 575.98px) {
.ui-password-group > .ui-password-toggle {
flex-basis: 44px !important;