GNM-1248 FE Sicherstellen, dass Enter-Taste in Schrittsequenz keine unerwarteten Funktionen auslöst wie "Rückschaltung planen" oder "Löschen" GNM-1245 FE Sortierung einer Schrittsequenz mit Enter-Taste abschalten
diff --git a/src/app/common-components/buttons-container/buttons-container.component.html b/src/app/common-components/buttons-container/buttons-container.component.html index f46de7c..c95d300 100644 --- a/src/app/common-components/buttons-container/buttons-container.component.html +++ b/src/app/common-components/buttons-container/buttons-container.component.html
@@ -16,9 +16,6 @@ <div class="button-container col-md-12"> <button id="quit" (click)="onClickEvents('quit')" type="button" class="btn btn-primary pull-left">{{Globals.STATUS_BUTTON_LABEL['quit']}}</button> - <!-- <button id="cancel" *ngIf="!hideCancelButtonForStatus && !hideCancelButtonForRole" (click)="onClickEvents('cancel')" type="button" - class="btn btn-primary pull-left">{{Globals.STATUS_BUTTON_LABEL['cancel']}}</button> --> - <button id="reject" *ngIf="!hideRejectButton" (click)="onClickEvents('reject')" type="button" class="btn btn-primary pull-left">{{Globals.STATUS_BUTTON_LABEL['reject']}}</button> <button id="save" *ngIf="!hideSaveButton" (click)="onClickEvents('save')" type="button" class="btn btn-primary pull-right" @@ -29,4 +26,4 @@ <button id="duplicate" *ngIf="!hideDuplicateButtonForRole" (click)="onClickEvents('duplicate')" type="button" class="btn btn-primary pull-right btn-margin-right">{{Globals.STATUS_BUTTON_LABEL['duplicate']}}</button> -</div> +</div> \ No newline at end of file
diff --git a/src/app/lists/email-distribution-list/email-distribution-ag-grid-configuration.ts b/src/app/lists/email-distribution-list/email-distribution-ag-grid-configuration.ts index 17e0520..2e5d134 100644 --- a/src/app/lists/email-distribution-list/email-distribution-ag-grid-configuration.ts +++ b/src/app/lists/email-distribution-list/email-distribution-ag-grid-configuration.ts
@@ -48,12 +48,12 @@ !params.context.componentParent.sessionContext.isLocked() && !params.context.componentParent.sessionContext.isReadOnlyForStatus(params.context.componentParent.gridMeasureDetail) ? '<span style="cursor: default;">' + - '<button id="modeButton" class="btn btn-danger btn-sm" >' + + '<button type="button" id="modeButton" class="btn btn-danger btn-sm" >' + '<span class="glyphicon glyphicon-trash"></span>' + '</button>' + '</span>' : '<span style="cursor: not-allowed;">' + - '<button id="modeButton" class="btn btn-default btn-sm" disabled>' + + '<button type="button" id="modeButton" class="btn btn-default btn-sm" disabled>' + '<span class="glyphicon glyphicon-trash"></span>' + '</button></span>'; span.innerHTML = '<span style="cursor: default;">' +
diff --git a/src/app/lists/grid-measures/grid-measures-ag-grid-configuration.ts b/src/app/lists/grid-measures/grid-measures-ag-grid-configuration.ts index 044823f..662806f 100644 --- a/src/app/lists/grid-measures/grid-measures-ag-grid-configuration.ts +++ b/src/app/lists/grid-measures/grid-measures-ag-grid-configuration.ts
@@ -192,24 +192,25 @@ const viewBtnStyle = 'style="width: 32px;height: 28px;"'; const editBtnStyle = 'style="width: 32px;height: 28px;"'; const cancelBtnDisabledStyle = 'style="background-color:white;color:grey;width: 32px;height: 28px;"'; - const cancelBtnStyle = 'style="background-color:#f79e60;width: 32px;height: 28px;"'; + const cancelBtnStyle = 'style="background-color:#f79e60;width: 32px;height: 28px; border: none;"'; if (!params || !params.data) { return; } const isEditMode = params.context.componentParent.modeValidator.isEditModeAllowed(params.data.statusId); const isCancelAllowed = params.context.componentParent.modeValidator.isCancelAllowed(params.data); const span = document.createElement('span'); - const modeHtmlTemplate = isEditMode ? '<button id="modeButton" class="btn btn-primary btn-sm" ' + editBtnStyle + ' >' + + const modeHtmlTemplate = isEditMode ? '<button type="button" id="modeButton" class="btn btn-primary btn-sm" ' + + editBtnStyle + ' >' + '<span class="glyphicon glyphicon-pencil"></span>' + '</button>' : '<button id="modeButton" class="btn btn-default btn-sm"' + viewBtnStyle + ' >' + '<span class="glyphicon glyphicon-eye-open"></span>' + '</button>'; const cancelHtmlTemplate = isCancelAllowed ? - '<button id="cancelButton" class="btn btn-warning btn-sm"' + cancelBtnStyle + '>' + + '<button type="button" id="cancelButton" class="btn btn-warning btn-sm"' + cancelBtnStyle + '>' + '<span class="glyphicon glyphicon-remove"></span>' + '</button>' : - '<button id="cancelButton" class="btn btn-warning btn-sm" disabled="disabled"' + cancelBtnDisabledStyle + '>' + + '<button type="button" id="cancelButtonDsb" class="btn btn-warning btn-sm" disabled="disabled"' + cancelBtnDisabledStyle + '>' + '<span class="glyphicon glyphicon-remove"></span>' + '</button>'; span.innerHTML = '<span style="cursor: default;">' +
diff --git a/src/app/lists/grid-measures/grid-measures.component.css b/src/app/lists/grid-measures/grid-measures.component.css index e6341a2..cc9f6b6 100644 --- a/src/app/lists/grid-measures/grid-measures.component.css +++ b/src/app/lists/grid-measures/grid-measures.component.css
@@ -13,7 +13,6 @@ ******************************************************************************* */ - .ag-theme-balham, ag-header { font-size: 14px; @@ -108,4 +107,4 @@ .slider.round:before { border-radius: 50%; -} +} \ No newline at end of file
diff --git a/src/app/lists/grid-measures/grid-measures.component.html b/src/app/lists/grid-measures/grid-measures.component.html index e49c3a5..9e770b4 100644 --- a/src/app/lists/grid-measures/grid-measures.component.html +++ b/src/app/lists/grid-measures/grid-measures.component.html
@@ -44,7 +44,7 @@ <label>Stornierte</label> </div> <div class="save-filter "> - <button [disabled]="!settingsIsDirty" type="button " class="btn btn-default btn-sm " (click)="saveSettings() + <button [disabled]="!settingsIsDirty" type="button" class="btn btn-default btn-sm" (click)="saveSettings() " title="Einstellungen speichern "> <i class="fa fa-floppy-o fa-lg " aria-hidden="true "></i>Filter Speichern @@ -59,4 +59,4 @@ <app-loading-spinner *ngIf="showSpinner "></app-loading-spinner> </div> </div> -</div> +</div> \ No newline at end of file
diff --git a/src/app/lists/steps/steps-ag-grid-configuration.ts b/src/app/lists/steps/steps-ag-grid-configuration.ts index 36f549d..4ef1f8b 100644 --- a/src/app/lists/steps/steps-ag-grid-configuration.ts +++ b/src/app/lists/steps/steps-ag-grid-configuration.ts
@@ -110,12 +110,12 @@ !params.context.componentParent.sessionContext.isLocked() && !params.context.componentParent.sessionContext.isReadOnlyForStatus(params.context.componentParent.gridMeasureDetail) ? '<span style="cursor: default;">' + - '<button id="modeButton" class="btn btn-danger btn-sm" >' + + '<button type="button" id="modeButton" class="btn btn-danger btn-sm" >' + '<span class="glyphicon glyphicon-trash"></span>' + '</button>' + '</span>' : '<span style="cursor: not-allowed;">' + - '<button id="modeButton" class="btn btn-default btn-sm" disabled>' + + '<button type="button" id="modeButton" class="btn btn-default btn-sm" disabled>' + '<span class="glyphicon glyphicon-trash"></span>' + '</button></span>'; span.innerHTML = '<span style="cursor: default;">' +
diff --git a/src/app/pages/email-distribution-entry/email-distribution-entry.component.html b/src/app/pages/email-distribution-entry/email-distribution-entry.component.html index da90266..fc2beea 100644 --- a/src/app/pages/email-distribution-entry/email-distribution-entry.component.html +++ b/src/app/pages/email-distribution-entry/email-distribution-entry.component.html
@@ -34,12 +34,13 @@ </div> <div class="row"> <div class="col-md-12" style="justify-content: flex-end"> - <button class="btn btn-success" id="addEmailDistributionEntryBtn" (click)="processAddEmailDistributionEntry(); emailDistributionEntryForm.reset()" - [disabled]="storageInProgress || readOnlyForm || !emailDistributionEntryForm.form.valid">E-Mail-Adresse hinzufügen + <button type="button" class="btn btn-success" id="addEmailDistributionEntryBtn" (click)="processAddEmailDistributionEntry(); emailDistributionEntryForm.reset()" + [disabled]="storageInProgress || readOnlyForm || !emailDistributionEntryForm.form.valid">E-Mail-Adresse + hinzufügen <span class="glyphicon glyphicon-plus" id="addEmailDistributionEntryGlIcon"></span> </button> </div> </div> </fieldset> </form> -</div> +</div> \ No newline at end of file
diff --git a/src/app/pages/grid-measure-detail/grid-measure-detail.component.html b/src/app/pages/grid-measure-detail/grid-measure-detail.component.html index e1c4bf3..29aefa5 100644 --- a/src/app/pages/grid-measure-detail/grid-measure-detail.component.html +++ b/src/app/pages/grid-measure-detail/grid-measure-detail.component.html
@@ -71,7 +71,7 @@ </li> <li> <!-- more singleGridMeasures --> - <button [disabled]="disableNewTabBtn || isSingleGridmeasureLimitReached()" class="glyphicon glyphicon-plus" + <button type="button" [disabled]="disableNewTabBtn || isSingleGridmeasureLimitReached()" class="glyphicon glyphicon-plus" id="newSingleGridMeasureBtn" (click)="createNewSingleGridMeasureTab()" [title]="isSingleGridmeasureLimitReached() ? 'Es können maximal ' + Globals.MAX_NUMBER_OF_TABS + ' Einzelmaßnahmen angelegt werden.' : ''"></button> </li> </ul> @@ -132,4 +132,4 @@ </div> </div> -</form> +</form> \ No newline at end of file
diff --git a/src/app/pages/logout/logout.component.html b/src/app/pages/logout/logout.component.html index c26a709..3d5b422 100644 --- a/src/app/pages/logout/logout.component.html +++ b/src/app/pages/logout/logout.component.html
@@ -21,7 +21,7 @@ </div> <div class="center-margin"> <button #yesBtn id="logoutbutton" class="btn btn-primary" type="button" (click)="logout()">Ja</button> - <button id="homebutton" class=" btn btn-primary " (click)="goToOverview() ">Nein</button> + <button type="button" id="homebutton" class=" btn btn-primary " (click)="goToOverview() ">Nein</button> </div> </div> -</div> +</div> \ No newline at end of file
diff --git a/src/app/pages/single-grid-measure-detail-tab/single-grid-measure-detail-tab.component.html b/src/app/pages/single-grid-measure-detail-tab/single-grid-measure-detail-tab.component.html index 881f815..f4e294f 100644 --- a/src/app/pages/single-grid-measure-detail-tab/single-grid-measure-detail-tab.component.html +++ b/src/app/pages/single-grid-measure-detail-tab/single-grid-measure-detail-tab.component.html
@@ -19,10 +19,11 @@ <fieldset class="form-group" disabled="{{ readOnlyForm ? 'disabled' : ''}}"> <div class="row actions"> <div class="col-lg-12"> - <button class="btn btn-primary pull-right" id="createInvertedStep" (click)="duplicateSingleGM()" [disabled]="isSingleGridmeasureLimitReached()">Rückschaltung + <button type="button" class="btn btn-primary pull-right" id="createInvertedStep" (click)="duplicateSingleGM()" + [disabled]="isSingleGridmeasureLimitReached()">Rückschaltung planen </button> - <button class="btn btn-danger pull-left" id="deleteSingleGridMeasureBtn" (click)="onDeleteBtnClick()" + <button type="button" class="btn btn-danger pull-left" id="deleteSingleGridMeasureBtn" (click)="onDeleteBtnClick()" [disabled]="isLastSingleGridmeasure()">Einzelmaßnahme löschen <span class="glyphicon glyphicon-trash" id="deleteSingleGridMeasureBtnIcon"></span> @@ -137,4 +138,4 @@ </app-steps> </div> </form> -</div> +</div> \ No newline at end of file
diff --git a/src/app/pages/step/step.component.html b/src/app/pages/step/step.component.html index 62105e1..5cacb69 100644 --- a/src/app/pages/step/step.component.html +++ b/src/app/pages/step/step.component.html
@@ -97,11 +97,11 @@ </fieldset> <div class="row"> <div class="col-md-12" style="justify-content: flex-end"> - <button class="btn btn-success" id="addStepBtn" (click)="processAddStep()" [disabled]="storageInProgress || readOnlyForm || !stepForm.form.valid">Schritt + <button type="button" class="btn btn-success" id="addStepBtn" (click)="processAddStep()" [disabled]="storageInProgress || readOnlyForm || !stepForm.form.valid">Schritt hinzufügen <span class="glyphicon glyphicon-plus" id="addStepGlIcon"></span> </button> </div> </div> </form> -</div> +</div> \ No newline at end of file
diff --git a/src/styles.css b/src/styles.css index 80228c7..a16722d 100644 --- a/src/styles.css +++ b/src/styles.css
@@ -13,7 +13,6 @@ ******************************************************************************* */ - /* You can add global styles to this file, and also import other style files */ @import url("assets/source-sans-pro/source-sans-pro.css"); @@ -33,271 +32,271 @@ input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - transition: background-color 5000s ease-in-out 0s; + transition: background-color 5000s ease-in-out 0s; } html { - overflow-y: auto; - -ms-overflow-style: scrollbar; + overflow-y: auto; + -ms-overflow-style: scrollbar; } body { - background: #f8fafd; + background: #f8fafd; } .margin-top { - margin-top: 15px; + margin-top: 15px; } .margin-zero { - margin: 0; + margin: 0; } .spacer { - margin-top: 15px; + margin-top: 15px; } /* General panel styling */ div.panel-group { - margin: 15px; + margin: 15px; } div.panel-default { - min-height: 0; - margin: 15px 0px; + min-height: 0; + margin: 15px 0px; } @media screen and (-webkit-min-device-pixel-ratio:0) { - div.panel-default { - padding: 1px 0px 0px 1px; - } + div.panel-default { + padding: 1px 0px 0px 1px; + } } div.panel-default>.panel-heading { - background-color: #f5f8fc; + background-color: #f5f8fc; } /* General button styling */ .btn { - border-radius: 6px; + border-radius: 6px; } /* General table styling */ .table-striped { - margin: 0; - padding: 5px; - vertical-align: middle; + margin: 0; + padding: 5px; + vertical-align: middle; } /* Ag-Grid stuff */ .ag-theme-balham { - font-size: 14px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .ag-theme-balham .ag-header { - background-color: #f5f8fc; + background-color: #f5f8fc; } span.ag-row-drag { - cursor: move; - /* fallback if grab cursor is unsupported */ - /*cursor: grab; + cursor: move; + /* fallback if grab cursor is unsupported */ + /*cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;*/ } span.ag-row-drag:active { - cursor: grabbing; - cursor: -moz-grabbing; - cursor: -webkit-grabbing; + cursor: grabbing; + cursor: -moz-grabbing; + cursor: -webkit-grabbing; } /* Ag-Grid stuff end */ .grid-measures-header { - font-size: 14px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .grid-measure-check-col { - line-height: 1.42857143; - width: 1%; - padding-right: 6px; + line-height: 1.42857143; + width: 1%; + padding-right: 6px; } .grid-measure-tab-date-col { - width: 8%; + width: 8%; } .grid-measure-tab-id { - width: 10%; + width: 10%; } .grid-measure-mode { - width: 40px; + width: 40px; } .grid-measure-mode span { - margin-left: 0px !important; + margin-left: 0px !important; } .grid-measure-tab-branche { - width: 5%; - text-align: center; - padding-right: 2px; + width: 5%; + text-align: center; + padding-right: 2px; } .grid-measure-tab-status .ag-cell-label-container .ag-header-cell-label { - justify-content: center; + justify-content: center; } .grid-measure-tab-branche .ag-cell-label-container .ag-header-cell-label { - justify-content: center; + justify-content: center; } .grid-measure-tab-title { - width: 30%; + width: 30%; } .grid-measure-tab-createUser { - width: 15%; + width: 15%; } .grid-measure-tab-affectedResource { - width: 20%; + width: 20%; } .grid-measure-tab-status { - width: 10%; - text-align: center; + width: 10%; + text-align: center; } .ag-layout-normal .ag-body-viewport { - height: 99% !important; + height: 99% !important; } .table-striped>tbody>tr:nth-of-type(odd) { - background: #e9f0f9; + background: #e9f0f9; } .table>thead>tr>th { - padding: 5px; - vertical-align: bottom; + padding: 5px; + vertical-align: bottom; } .table>tbody>tr>td { - padding: 5px; - vertical-align: middle; + padding: 5px; + vertical-align: middle; } /* General dialog styling */ .mat-dialog-container { - background: #f8fafd; + background: #f8fafd; } .dialog { - overflow: auto; - width: 75vw; - height: 75vh; - margin: 0px 0px 15px 0px; + overflow: auto; + width: 75vw; + height: 75vh; + margin: 0px 0px 15px 0px; } /* Login styling */ .login-outer { - width: 100%; - height: 90%; - position: absolute; - display: flex; - align-items: center; - justify-content: center; - background: #f8fafd; + width: 100%; + height: 90%; + position: absolute; + display: flex; + align-items: center; + justify-content: center; + background: #f8fafd; } .login-inner { - width: 240px; - height: 320px; + width: 240px; + height: 320px; } .login-error-message { - color: red; + color: red; } .login-margin-top5 { - margin-top: 5px; + margin-top: 5px; } .login-margin-top10 { - margin-top: 10px; + margin-top: 10px; } .maincontent { - background: #ffffff; - padding: 0px 0px 1px 0px; - margin: 15px; - color: #333333; - min-width: inherit; + background: #ffffff; + padding: 0px 0px 1px 0px; + margin: 15px; + color: #333333; + min-width: inherit; } .maincontent>.row { - background: #f8fafd; - margin: 0; - padding: 0; + background: #f8fafd; + margin: 0; + padding: 0; } /* Responsibility dialog styling */ .responsibility-dialog { - overflow: auto; - width: 40vw; - height: auto; - margin: 0px 0px 15px 0px; + overflow: auto; + width: 40vw; + height: auto; + margin: 0px 0px 15px 0px; } .responsibility-column-striped>thead th { - text-align: center; + text-align: center; } .responsibility-column-striped>tbody td:nth-of-type(even) { - background: #f5f8fc; + background: #f5f8fc; } .responsibility-column-striped>tbody td { - text-align: center; + text-align: center; } .responsibility-column-striped>tbody td:first-child { - text-align: left; + text-align: left; } /* Entry dialog styling */ .entry-dialog { - overflow: auto; - width: 75vw; - max-height: 70vh; - margin: 0px 0px 15px 0px; + overflow: auto; + width: 75vw; + max-height: 70vh; + margin: 0px 0px 15px 0px; } .entry-textarea { - resize: none; - width: 100%; - height: 10vh; + resize: none; + width: 100%; + height: 10vh; } .input-group { - width: 100%; - white-space: nowrap; + width: 100%; + white-space: nowrap; } .entry-input { - width: 100%; + width: 100%; } .panel-body {} @@ -305,167 +304,164 @@ /* Dropdown logout menu styling */ .dropdown-open { - color: #537798; + color: #537798; } .dropdown-open:hover { - background: #b7cbda; + background: #b7cbda; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus { - color: #0080c0; - background: #b7cbda; + color: #0080c0; + background: #b7cbda; } .dropdown-menu { - top: 43px; - min-width: 160px; - background: #e9f0f9; + top: 43px; + min-width: 160px; + background: #e9f0f9; } .dropdown-menu>.dropdown>a:hover { - background: #b7cbda; - color: #0080c0; + background: #b7cbda; + color: #0080c0; } /* Logout dialog styling */ .logout-dialog { - width: 320px; - height: 240px; + width: 320px; + height: 240px; } div.center { - text-align: center; + text-align: center; } div.center-margin { - text-align: center; - margin: 15px; + text-align: center; + margin: 15px; } .custom-drop-down .c-token span { - pointer-events: auto; - position: relative; + pointer-events: auto; + position: relative; } .custom-drop-down .c-token { - background: #337ab7 !important; + background: #337ab7 !important; } .custom-drop-down .pure-checkbox input[type="checkbox"]:hover+label:before { - border-color: #337ab7 !important; + border-color: #337ab7 !important; } .custom-drop-down .pure-checkbox input[type="checkbox"]+label:before { - color: #337ab7 !important; + color: #337ab7 !important; } .custom-drop-down .pure-checkbox input[type="checkbox"]+label:before { - border: 2px solid #337ab7 !important; + border: 2px solid #337ab7 !important; } .custom-drop-down .pure-checkbox input[type="checkbox"]+label:after { - background-color: #337ab7 !important; + background-color: #337ab7 !important; } .custom-drop-down .pure-checkbox input[type="checkbox"]:checked+label:before { - background: #337ab7 !important; + background: #337ab7 !important; } .custom-drop-down .selected-list button { - box-shadow: none !important; + box-shadow: none !important; } .tooltip>.tooltip-inner { - background-color: #f5f8fc; - color: black; - word-break: break-all; - border: 1px solid grey; + background-color: #f5f8fc; + color: black; + word-break: break-all; + border: 1px solid grey; } .daterangepicker.dropdown-menu.ltr { - max-width: 496px; + max-width: 496px; } .daterangepicker.dropdown-menu.ltr.single { - max-width: 255px; + max-width: 255px; } .cdk-overlay-pane { - position: relative !important; + position: relative !important; } .custom-dark-blue { - color: #0080c0; - ; + color: #0080c0; + ; } .btn-primary { - z-index: 0 !important; + z-index: 0 !important; } .nav-tabs>li>a { - border: 1px solid #ddd; + border: 1px solid #ddd; } /* only for IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { - .ag-header-cell { - /* color: red; */ - line-height: 12px !important; - padding-top: 5px !important; - } + .ag-header-cell { + /* color: red; */ + line-height: 12px !important; + padding-top: 5px !important; + } } tree-internal .loading-children:after { - content: ' wird geladen...'; - color: #337ab7; - font-style: italic; - font-size: 0.9em; - animation-name: loading-children; - animation-duration: 1s; - animation-timing-function: ease-in-out; - animation-iteration-count: infinite; + content: ' wird geladen...'; + color: #337ab7; + font-style: italic; + font-size: 0.9em; + animation-name: loading-children; + animation-duration: 1s; + animation-timing-function: ease-in-out; + animation-iteration-count: infinite; } @keyframes loading-children { - 0% { - color: rgba(51, 121, 183, 0.20); - } - - 12.5% { - color: rgba(51, 121, 183, 0.25); - } - - 25% { - color: rgba(51, 121, 183, 0.30); - } - - 37.5% { - color: rgba(51, 121, 183, 0.37); - } - - 50% { - color: rgba(51, 121, 183, 0.5); - } - - 62.5% { - color: rgba(51, 121, 183, 0.62); - } - - 75% { - color: rgba(51, 121, 183, 0.75); - } - - 87.5% { - color: rgba(51, 121, 183, 0.87); - } - - 100% { - color: rgb(51, 121, 183); - } + 0% { + color: rgba(51, 121, 183, 0.20); + } + 12.5% { + color: rgba(51, 121, 183, 0.25); + } + 25% { + color: rgba(51, 121, 183, 0.30); + } + 37.5% { + color: rgba(51, 121, 183, 0.37); + } + 50% { + color: rgba(51, 121, 183, 0.5); + } + 62.5% { + color: rgba(51, 121, 183, 0.62); + } + 75% { + color: rgba(51, 121, 183, 0.75); + } + 87.5% { + color: rgba(51, 121, 183, 0.87); + } + 100% { + color: rgb(51, 121, 183); + } } + +#cancelButton:hover { + background-color: #f18d48 !important; + border: none; +} \ No newline at end of file