Skip to content

Commit

Permalink
GDB-9115 change buttons color on focus in yasgui dialogs
Browse files Browse the repository at this point in the history
## What
Change buttons color on focus in yasgui dialogs.

## Why
There was missing selector for the case when buttons are on focus which basically should be the same as on hover.

## What
Added missing selectors for on focus for confirm and cancel buttons
  • Loading branch information
svilenvelikov committed Jan 29, 2024
1 parent 8ae324b commit f6a2317
Showing 1 changed file with 30 additions and 15 deletions.
45 changes: 30 additions & 15 deletions src/css/lib/ontotext-yasgui-web-component.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,20 +6,6 @@ yasgui-component :not(h3,h4,sup) {
font-size: 1rem !important;
}

/* Dialog body should have slightly bigger font-size. */
yasgui-component .dialog-body,
/* When it is attached directly to the html body. */
.confirmation-dialog .dialog-body {
font-size: 1.25rem !important;
}

yasgui-component .dialog .dialog-footer .cancel-button,
.confirmation-dialog .dialog-footer .cancel-button {
margin-right: 3px;
background-color: #ebebeb;
border-color: #ebebeb;
}

yasgui-component .yasgui-btn.btn-selected {
background-color: var(--primary-color) !important;
}
Expand Down Expand Up @@ -187,13 +173,42 @@ yasgui-component .yasr-toolbar .pivot-table-download-as-button {
background-color: var(--primary-color) !important;
}

/* Dialog body should have slightly bigger font-size. */
yasgui-component .dialog-body,
/* When it is attached directly to the html body. */
.confirmation-dialog .dialog-body {
font-size: 1.25rem !important;
}

yasgui-component .dialog .dialog-footer .cancel-button,
.confirmation-dialog .dialog-footer .cancel-button {
margin-right: 3px;
background-color: #ebebeb;
border-color: #ebebeb;
}

yasgui-component .ok-button,
yasgui-component .primary-button,
yasgui-component .confirm-button {
yasgui-component .confirm-button,
.confirmation-dialog .dialog-footer .confirm-button {
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
}

yasgui-component .confirm-button:focus,
yasgui-component .confirm-button:hover,
.confirmation-dialog .dialog-footer .confirm-button:focus,
.confirmation-dialog .dialog-footer .confirm-button:hover {
background-color: var(--primary-color-dark) !important;
border-color: var(--primary-color-dark) !important;
}

yasgui-component .cancel-button:focus,
yasgui-component .cancel-button:hover {
background-color: #d4d4d4 !important;
border-color: #d4d4d4 !important;
}

yasgui-component .yasr .alert-box {
padding-right: 35px;
}
Expand Down

0 comments on commit f6a2317

Please sign in to comment.