fixes #2306 move save buttons to bottom of page (PR #2346)

For these pages :
 picture modify, album notification, category permission, comments, menubar, all configurations, site update, element set ranks, notification by mail

Change how success and errors messages are displayed and handled
This commit is contained in:
HWFord
2025-03-21 16:28:37 +01:00
committed by GitHub
parent 4a539bdfb7
commit 41d5c8a258
30 changed files with 492 additions and 148 deletions
+56 -23
View File
@@ -705,54 +705,70 @@ LI.menuLi {
flex-wrap: wrap;
}
.cat-modify-footer {
.cat-modify-footer,
.savebar-footer
{
display: flex;
justify-content: space-between;
border-top: 1px solid #ececec;
border-top: 1px solid;
padding: 12px;
position: fixed;
bottom: 0;
right: 0;
width: 100%;
background: white;
}
z-index:1;
align-items:center;
}
.cat-modify-footer-see-out {
.cat-modify-footer-see-out,
.savebar-see-out,
.buttonSecond
{
display: flex;
background-color: #ECECEC;
color: #3C3C3C;
padding: 9px 10px;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
border:none;
cursor:pointer;
}
.cat-modify-footer-see-out:hover {
background-color: #F29F4B;
color: #3C3C3C;
.savebar-footer-block .badge{
border-radius:15px;
padding:5px 10px;
font-size:12px;
font-weight:700;
display:block;
height:auto;
}
.cat-modify-footer-see-out:hover,
.savebar-see-out:hover
{
text-decoration: none;
}
.cat-modify-footer-see-out:focus {
border: 2px solid #F4AB4F;
background: #ECECEC;
}
.cat-modify-footer-start {
.cat-modify-footer-start,
.savebar-footer-start
{
margin-left: 230px;
}
.cat-modify-footer-end {
.cat-modify-footer-end,
.savebar-footer-end
{
display: flex;
}
.cat-modify-footer-see-out.disabled{
background-color: #ECECEC;
color: #B8B8B8;
.cat-modify-footer-see-out.disabled,
.savebar-see-out.disabled
{
cursor: not-allowed;
}
.cat-modify-footer-see-out.disabled:focus {
.cat-modify-footer-see-out.disabled:focus,
.savebar-see-out.disabled:focus{
border: none;
}
@@ -774,6 +790,25 @@ LI.menuLi {
margin: 5px 3px 0 0;
}
.savebar-footer-block{
margin-right:15px;
align-self:center;
display: flex;
align-items: center;
}
/* Add padding bottom so nothing gets hidden by bottom save bar */
#picture-content,
#configContent,
#menuOrdering,
#categoryPermissions,
#element_set_ranks,
#update,
#pendingComments,
#action{
padding-bottom:62px!important;
}
/* Search bar */
.search-input{
@@ -6538,7 +6573,6 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
#permitAction {display: flex;}
#permitAction select {padding: 12px 10px; width: 280px; -webkit-appearance: none;}
.permitActionItem select { margin-bottom: 25px;}
#applyAction {padding: 10px 18px; margin-left: 0;}
.permitActionItem {margin-left: 30px; width: 225px;}
.permitActionItem .selectize-control.single.plugin-remove_button {width: auto !important;}
.permitActionItem .selectize-input.items.full.has-options.has-items {width: 500px !important; line-height: 23px;}
@@ -6546,7 +6580,6 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
#action_move a:last-child {margin-left: 15px; padding: 10px;}
#action_associate .head-button-2 {width: fit-content;}
#action_associate .head-button-2 p {margin-left: 5px; background: transparent;}
#applyAction i {margin-right: 15px;}
#action_delete_derivatives, #action_generate_derivatives {display: flex; flex-wrap: wrap; margin-top: 0px;}
.deleteDerivButtons a {border-radius: 4px; padding: 4px 10px; margin: 5px;}
.deleteDerivButtons {margin-bottom: 15px; margin-right: 51px; width: 100%; text-align: center;}