From 8c932c2b3292adf331f314a8c00cbcb1022ae6f0 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Tue, 17 Mar 2020 14:38:45 +0300 Subject: [PATCH] Sidebar close focus cosmetics --- public/themes/nova-light/theme.css | 16 ++++++++++++++++ src/components/sidebar/Sidebar.vue | 1 + 2 files changed, 17 insertions(+) diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css index 9239e06d4..1ca3f116a 100644 --- a/public/themes/nova-light/theme.css +++ b/public/themes/nova-light/theme.css @@ -577,6 +577,7 @@ body .p-multiselect-panel .p-multiselect-header .p-checkbox { vertical-align: middle; } body .p-multiselect-panel .p-multiselect-header .p-multiselect-close { + line-height: 1; color: #848484; top: 50%; margin-top: -0.5em; @@ -705,6 +706,11 @@ body .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabl body .p-listbox.p-disabled .p-checkbox-box:not(.p-disabled):not(.p-highlight):hover { border: 1px solid #a6a6a6; } +body .p-listbox .p-listbox-list-wrapper { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} body .p-listbox .p-listbox-footer { padding: 0.429em 0.857em 0.429em 0.857em; border-top: 1px solid #eaeaea; @@ -2076,6 +2082,12 @@ body .p-datatable .p-editable-column input { font-size: 14px; font-family: "Open Sans", "Helvetica Neue", sans-serif; } +body .p-datatable .p-row-editor-init { + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; +} body .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; @@ -3244,6 +3256,10 @@ body .p-sidebar { } body .p-sidebar .p-sidebar-close { color: #848484; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } body .p-sidebar .p-sidebar-close:hover { color: #333333; diff --git a/src/components/sidebar/Sidebar.vue b/src/components/sidebar/Sidebar.vue index ec35099d9..f90eb332d 100644 --- a/src/components/sidebar/Sidebar.vue +++ b/src/components/sidebar/Sidebar.vue @@ -252,6 +252,7 @@ export default { .p-sidebar-close { float: right; cursor: pointer; + line-height: 1; } @media screen and (max-width: 64em) {