Editor display improved for nextcloud theme

This commit is contained in:
Mohammad Rezaei 2024-09-11 14:42:02 +03:30
parent 1c7f166021
commit 7c434a618b

View file

@ -342,9 +342,9 @@
/* #region button */ /* #region button */
#rl-app .btn, #rl-app .btn:not(.squire-toolbar *),
#rl-app button, #rl-app button:not(.squire-toolbar *),
#rl-app button.btn:not(.button-vue) { #rl-app button.btn:not(.button-vue):not(.squire-toolbar *) {
min-height: 36px; min-height: 36px;
height: 36px; height: 36px;
box-sizing: border-box; box-sizing: border-box;
@ -514,20 +514,20 @@
margin-left: 0.5px; margin-left: 0.5px;
} }
#rl-app .btn-group .btn:nth-child(n+2 of :not([style*="display: none;"])):nth-last-child(n+2 of :not([style*="display: none;"])) { #rl-app .btn-group .btn:nth-child(n+2 of :not([style*="display: none;"])):nth-last-child(n+2 of :not([style*="display: none;"])):not(.squire-toolbar *) {
border-radius: 0 !important; border-radius: 0 !important;
margin-right: 0.5px; margin-right: 0.5px;
margin-left: 0.5px; margin-left: 0.5px;
} }
/* fallback */ /* fallback */
#rl-app .btn-group .btn:not(:first-of-type):not(:last-of-type) { #rl-app .btn-group .btn:not(:first-of-type):not(:last-of-type):not(.squire-toolbar *) {
border-radius: 0; border-radius: 0;
margin: 0 0.5px; margin: 0 0.5px;
} }
#rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])), #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *),
[dir="rtl"] #rl-app .btn-group .btn:nth-last-child(1 of :not([style*="display: none;"])) { [dir="rtl"] #rl-app .btn-group .btn:nth-last-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *) {
border-radius: 0 !important; border-radius: 0 !important;
border-top-left-radius: var(--nc-border-radius-pill) !important; border-top-left-radius: var(--nc-border-radius-pill) !important;
border-bottom-left-radius: var(--nc-border-radius-pill) !important; border-bottom-left-radius: var(--nc-border-radius-pill) !important;
@ -541,8 +541,8 @@
border-bottom-left-radius: var(--nc-border-radius-pill); border-bottom-left-radius: var(--nc-border-radius-pill);
} }
#rl-app .btn-group .btn:nth-last-child(1 of :not([style*="display: none;"])), #rl-app .btn-group .btn:nth-last-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *),
[dir="rtl"] #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])) { [dir="rtl"] #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *) {
border-radius: 0 !important; border-radius: 0 !important;
border-top-right-radius: var(--nc-border-radius-pill) !important; border-top-right-radius: var(--nc-border-radius-pill) !important;
border-bottom-right-radius: var(--nc-border-radius-pill) !important; border-bottom-right-radius: var(--nc-border-radius-pill) !important;
@ -556,14 +556,14 @@
border-bottom-right-radius: var(--nc-border-radius-pill); border-bottom-right-radius: var(--nc-border-radius-pill);
} }
#rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])), #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *),
[dir="rtl"] #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])) { [dir="rtl"] #rl-app .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])):not(.squire-toolbar *) {
border-radius: var(--nc-border-radius-pill) !important; border-radius: var(--nc-border-radius-pill) !important;
} }
/* fallback */ /* fallback */
#rl-app .btn-group .btn:first-of-type:last-of-type, #rl-app .btn-group .btn:first-of-type:last-of-type:not(.squire-toolbar *),
[dir="rtl"] #rl-app .btn-group .btn:first-of-type:last-of-type { [dir="rtl"] #rl-app .btn-group .btn:first-of-type:last-of-type:not(.squire-toolbar *) {
border-radius: var(--nc-border-radius-pill) !important; border-radius: var(--nc-border-radius-pill) !important;
} }
@ -612,17 +612,15 @@
/* #region input & select */ /* #region input & select */
#rl-app select, #rl-app select:not(.squire-toolbar *),
#rl-app .select, #rl-app .select:not(.squire-toolbar *),
#rl-app .emailaddresses, #rl-app .emailaddresses:not(.squire-toolbar *),
#rl-app input:not([type="checkbox"]) { #rl-app input:not([type="checkbox"]):not(.squire-toolbar *) {
padding: 0 12px; padding: 0 12px;
font-size: var(--nc-default-font-size); font-size: var(--nc-default-font-size);
color: var(--nc-color-main-text); color: var(--nc-color-main-text);
background-color: unset; background-color: unset;
height: 36px; height: 36px;
border: 2px solid var(--nc-color-border-maxcontrast);
border-radius: var(--nc-border-radius-large);
line-height: 32px; line-height: 32px;
outline: none; outline: none;
} }
@ -842,8 +840,6 @@ input[type="checkbox"] {
/* #region textarea */ /* #region textarea */
#rl-app .squire-toolbar { #rl-app .squire-toolbar {
height: 50px;
padding: 5px;
box-sizing: content-box; box-sizing: content-box;
border: none; border: none;
} }