Improved visual styles continuing guide line

This commit is contained in:
jose.gonzalez@pandorafms.com 2022-10-24 12:05:51 +02:00
parent 95eecb1b7e
commit b2b9de1210
1 changed files with 24 additions and 9 deletions

View File

@ -1826,6 +1826,9 @@ table.rounded_cells td {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.action-buttons > button {
margin-left: 16px;
}
.right { .right {
text-align: right; text-align: right;
} }
@ -9052,24 +9055,31 @@ button.submitButton {
align-items: center; align-items: center;
line-height: 24px; line-height: 24px;
box-shadow: 0px 3px 6px #c7c7c7; box-shadow: 0px 3px 6px #c7c7c7;
background-color: #14524f;
color: #fff; color: #fff;
border: 1px solid #14524f; border: 1px solid #14524f;
border-radius: 50px; border-radius: 50px;
padding: 0 10px 0 12px; padding: 0 10px 0 12px;
cursor: pointer; cursor: pointer;
background: linear-gradient(
90deg,
#14524f 0%,
#14524f 49%,
#1d7873 50%,
#1d7873 100%
);
background-size: 200% 1px;
transition: ease-in 0.3s;
} }
button.inputButton:hover, button.inputButton:hover,
button.submitButton:hover { button.submitButton:hover {
background-color: #1d7873; background-position: -100% 0;
border-color: #1d7873;
} }
button.inputButton:active, button.inputButton:active,
button.submitButton:active { button.submitButton:active {
background-color: #0d312f; transition: ease-in 100ms;
border-color: #0d312f; border: 5px solid #57ea82;
} }
button.inputButton > div, button.inputButton > div,
@ -9135,6 +9145,7 @@ button div.search {
} }
button div.wand, button div.wand,
button div.update,
button div.upd { button div.upd {
mask: url(../../images/svg/success.svg) no-repeat center / contain; mask: url(../../images/svg/success.svg) no-repeat center / contain;
-webkit-mask: url(../../images/svg/success.svg) no-repeat center / contain; -webkit-mask: url(../../images/svg/success.svg) no-repeat center / contain;
@ -9164,13 +9175,13 @@ button.ui-button-text-only.ui-widget.sub {
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
align-content: center; align-content: center;
min-width: 100px; min-width: 180px;
height: 32px; height: 32px;
font-size: 16px !important; font-size: 16px !important;
align-items: center; align-items: center;
line-height: 24px; line-height: 24px;
box-shadow: 0px 3px 6px #c7c7c7; box-shadow: 0px 3px 6px #c7c7c7;
border-radius: 5px; border-radius: 16px;
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
} }
@ -9198,11 +9209,15 @@ button.ui-button.ui-widget.submit-cancel {
} }
button.ui-button.ui-widget.submit-cancel:hover { button.ui-button.ui-widget.submit-cancel:hover {
color: #1d7873; /*color: #1d7873;*/
background-color: #e1e7ee;
border-color: #e1e7ee;
} }
button.ui-button.ui-widget.submit-cancel:active { button.ui-button.ui-widget.submit-cancel:active {
color: #0d312f; color: #fff;
background-color: #96a2bf;
border-color: #96a2bf;
} }
.password_input { .password_input {