In Order to https://github.com/nextcloud/server/pull/45819 this change will adjust boarders to the new smaller boarder radius.

This commit is contained in:
Patrick Niebeling 2024-10-02 14:32:03 +02:00
parent f43c2c92b5
commit 115f8c8374

View file

@ -52,8 +52,8 @@
--nc-animation-quick: var(--animation-quick, 100ms); --nc-animation-quick: var(--animation-quick, 100ms);
--nc-animation-slow: var(--animation-slow, 300ms); --nc-animation-slow: var(--animation-slow, 300ms);
--nc-border-radius: var(--border-radius, 3px); --nc-border-radius: var(--border-radius, 3px);
--nc-border-radius-large: var(--border-radius-large, 10px); --nc-border-radius-large: var(--border-radius-large, 8px);
--nc-border-radius-pill: var(--border-radius-pill, 100px); --nc-border-radius-pill: var("--border-radius-pill", 100px);
--nc-default-grid-baseline: var(--default-grid-baseline, 4px); --nc-default-grid-baseline: var(--default-grid-baseline, 4px);
--nc-navigation-width: var(--navigation-width, 300px); --nc-navigation-width: var(--navigation-width, 300px);
--nc-sidebar-min-width: var(--sidebar-min-width, 300px); --nc-sidebar-min-width: var(--sidebar-min-width, 300px);
@ -116,7 +116,7 @@
--nc-animation-quick: var(--animation-quick, 100ms); --nc-animation-quick: var(--animation-quick, 100ms);
--nc-animation-slow: var(--animation-slow, 300ms); --nc-animation-slow: var(--animation-slow, 300ms);
--nc-border-radius: var(--border-radius, 3px); --nc-border-radius: var(--border-radius, 3px);
--nc-border-radius-large: var(--border-radius-large, 10px); --nc-border-radius-large: var(--border-radius-large, 8px);
--nc-border-radius-pill: var(--border-radius-pill, 100px); --nc-border-radius-pill: var(--border-radius-pill, 100px);
--nc-default-grid-baseline: var(--default-grid-baseline, 4px); --nc-default-grid-baseline: var(--default-grid-baseline, 4px);
--nc-navigation-width: var(--navigation-width, 300px); --nc-navigation-width: var(--navigation-width, 300px);
@ -353,7 +353,7 @@
color: var(--nc-color-main-text); color: var(--nc-color-main-text);
background-color: var(--nc-color-background-dark); background-color: var(--nc-color-background-dark);
border: 1px solid var(--nc-color-border-dark) !important; border: 1px solid var(--nc-color-border-dark) !important;
border-radius: var(--nc-border-radius-pill); border-radius: var(--nc-border-radius-large);
font-size: var(--nc-default-font-size); font-size: var(--nc-default-font-size);
text-shadow: none; text-shadow: none;
box-shadow: none; box-shadow: none;
@ -529,42 +529,42 @@
#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;"])),
[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;"])) {
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-large) !important;
border-bottom-left-radius: var(--nc-border-radius-pill) !important; border-bottom-left-radius: var(--nc-border-radius-large) !important;
} }
/* fallback */ /* fallback */
#rl-app .btn-group .btn:first-of-type, #rl-app .btn-group .btn:first-of-type,
[dir="rtl"] #rl-app .btn-group .btn:last-of-type { [dir="rtl"] #rl-app .btn-group .btn:last-of-type {
border-radius: 0; border-radius: 0;
border-top-left-radius: var(--nc-border-radius-pill); border-top-left-radius: var(--nc-border-radius-large);
border-bottom-left-radius: var(--nc-border-radius-pill); border-bottom-left-radius: var(--nc-border-radius-large);
} }
#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;"])),
[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;"])) {
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-large) !important;
border-bottom-right-radius: var(--nc-border-radius-pill) !important; border-bottom-right-radius: var(--nc-border-radius-large) !important;
} }
/* fallback */ /* fallback */
#rl-app .btn-group .btn:last-of-type, #rl-app .btn-group .btn:last-of-type,
[dir="rtl"] #rl-app .btn-group .btn:first-of-type { [dir="rtl"] #rl-app .btn-group .btn:first-of-type {
border-radius: 0; border-radius: 0;
border-top-right-radius: var(--nc-border-radius-pill); border-top-right-radius: var(--nc-border-radius-large);
border-bottom-right-radius: var(--nc-border-radius-pill); border-bottom-right-radius: var(--nc-border-radius-large);
} }
#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;"])),
[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;"])) {
border-radius: var(--nc-border-radius-pill) !important; border-radius: var(--nc-border-radius-large) !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,
[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 {
border-radius: var(--nc-border-radius-pill) !important; border-radius: var(--nc-border-radius-large) !important;
} }
#rl-app .btn-group .btn.fontastic:nth-child(1 of :not([style*="display: none;"])), #rl-app .btn-group .btn.fontastic:nth-child(1 of :not([style*="display: none;"])),
@ -1338,7 +1338,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar {
padding: 0 2em 0 15px; padding: 0 2em 0 15px;
height: 38px; height: 38px;
line-height: 38px !important; line-height: 38px !important;
border-radius: var(--nc-border-radius-pill); border-radius: var(--nc-border-radius-large);
color: unset; color: unset;
border: none; border: none;
} }
@ -1390,7 +1390,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-folders-system a.selectable {
#rl-app .b-folders hr { #rl-app .b-folders hr {
border-top: solid var(--nc-color-main-text); border-top: solid var(--nc-color-main-text);
border-radius: var(--nc-border-radius-pill); border-radius: var(--nc-border-radius-large);
opacity: .1; opacity: .1;
} }
@ -1441,7 +1441,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-folders-system a.selectable {
#rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])), #rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])),
[dir="rtl"] #rl-app .b-footer.btn-toolbar .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])), [dir="rtl"] #rl-app .b-footer.btn-toolbar .btn-group .btn:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])),
[dir="rtl"] #rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])) { [dir="rtl"] #rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:nth-child(1 of :not([style*="display: none;"])):nth-last-child(1 of :not([style*="display: none;"])) {
border-radius: var(--nc-border-radius-pill) !important; border-radius: var(--nc-border-radius-large) !important;
} }
/* fallback */ /* fallback */
@ -1449,7 +1449,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-folders-system a.selectable {
#rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic, #rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic,
[dir="rtl"] #rl-app .b-footer.btn-toolbar .btn-group .btn, [dir="rtl"] #rl-app .b-footer.btn-toolbar .btn-group .btn,
[dir="rtl"] #rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic { [dir="rtl"] #rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic {
border-radius: var(--nc-border-radius-pill) !important; border-radius: var(--nc-border-radius-large) !important;
} }
#rl-app .b-footer.btn-toolbar .btn:hover, #rl-app .b-footer.btn-toolbar .btn:hover,
@ -1826,17 +1826,17 @@ html.sm-msgView-bottom #rl-app .messageView {
#rl-app .messageView .messageItemHeader .informationShort meter::-webkit-meter-optimum-value { #rl-app .messageView .messageItemHeader .informationShort meter::-webkit-meter-optimum-value {
background-color: var(--nc-color-success); background-color: var(--nc-color-success);
border-radius: var(--nc-border-radius-pill); border-radius: var(--nc-border-radius-large);
} }
#rl-app .messageView .messageItemHeader .informationShort meter::-webkit-meter-suboptimum-value { #rl-app .messageView .messageItemHeader .informationShort meter::-webkit-meter-suboptimum-value {
background-color: var(--nc-color-warning); background-color: var(--nc-color-warning);
border-radius: var(--nc-border-radius-pill); border-radius: var(--nc-border-radius-large);
} }
#rl-app .messageView .messageItemHeader .informationShort meter::-webkit-meter-even-less-good-value { #rl-app .messageView .messageItemHeader .informationShort meter::-webkit-meter-even-less-good-value {
background-color: var(--nc-color-error); background-color: var(--nc-color-error);
border-radius: var(--nc-border-radius-pill); border-radius: var(--nc-border-radius-large);
} }
#rl-app .messageView .messageItemHeader .hasVirus { #rl-app .messageView .messageItemHeader .hasVirus {
@ -1876,7 +1876,7 @@ html.sm-msgView-bottom #rl-app .messageView {
} }
#rl-app .messageView .messageAssignedTags span { #rl-app .messageView .messageAssignedTags span {
border-radius: var(--nc-border-radius-pill); border-radius: var(--nc-border-radius-large);
background: unset; background: unset;
padding: 2px 5px; padding: 2px 5px;
} }