upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-05-28 04:32:30 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 25

improve app settings design

Browse source 
Signed-off-by: szaimen <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
This commit is contained in:
szaimen 2022-09-05 15:09:52 +02:00 committed by nextcloud-command
parent 1f967175f3
commit 6579b6c3c8
5 changed files with 47 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
core/css/apps.css
View file

@ -808,7 +808,6 @@ kbd {
padding: calc(var(--default-grid-baseline) * 2);
padding-top: 0;
}
#app-settings-header .settings-button {
display: flex;
align-items: center;
@ -830,6 +829,7 @@ kbd {
#app-settings-header .settings-button.opened {
border-top: solid 1px var(--color-border);
background-color: var(--color-main-background);
margin-top: 8px;
}
#app-settings-header .settings-button:hover, #app-settings-header .settings-button:focus {
background-color: var(--color-background-hover);

2
core/css/apps.css.map
View file

File diff suppressed because one or more lines are too long

86
core/css/apps.scss
View file

@ -814,52 +814,52 @@ $min-content-width: variables.$breakpoint-mobile - variables.$navigation-width -
border-radius: calc(var(--default-clickable-area) / 2);
padding: calc(var(--default-grid-baseline) * 2);
padding-top: 0;
}
#app-settings-header .settings-button {
display: flex;
align-items: center;
height: 44px;
width: 100%;
padding: 0;
margin: 0;
background-color: var(--color-main-background);
box-shadow: none;
border: 0;
border-radius: calc(var(--default-clickable-area) / 2);
text-align: left;
font-weight: normal;
font-size: 100%;
opacity: 0.8;
/* like app-navigation a */
color: var(--color-main-text);
&.opened {
border-top: solid 1px var(--color-border);
background-color: var(--color-main-background);
}
&:hover,
&:focus {
background-color: var(--color-background-hover);
}
&::before {
background-image: var(--icon-settings-dark);
background-position: 14px center;
background-repeat: no-repeat;
content: '';
width: 44px;
.settings-button {
display: flex;
align-items: center;
height: 44px;
top: 0;
left: 0;
display: block;
}
width: 100%;
padding: 0;
margin: 0;
background-color: var(--color-main-background);
box-shadow: none;
border: 0;
border-radius: calc(var(--default-clickable-area) / 2);
text-align: left;
font-weight: normal;
font-size: 100%;
opacity: 0.8;
&:focus-visible {
box-shadow: 0 0 0 2px inset var(--color-primary) !important;
background-position: 12px center;
/* like app-navigation a */
color: var(--color-main-text);
&.opened {
border-top: solid 1px var(--color-border);
background-color: var(--color-main-background);
margin-top: 8px;
}
&:hover,
&:focus {
background-color: var(--color-background-hover);
}
&::before {
background-image: var(--icon-settings-dark);
background-position: 14px center;
background-repeat: no-repeat;
content: '';
width: 44px;
height: 44px;
top: 0;
left: 0;
display: block;
}
&:focus-visible {
box-shadow: 0 0 0 2px inset var(--color-primary) !important;
background-position: 12px center;
}
}
}

2
core/css/server.css
View file

@ -3588,7 +3588,6 @@ kbd {
padding: calc(var(--default-grid-baseline) * 2);
padding-top: 0;
}
#app-settings-header .settings-button {
display: flex;
align-items: center;
@ -3610,6 +3609,7 @@ kbd {
#app-settings-header .settings-button.opened {
border-top: solid 1px var(--color-border);
background-color: var(--color-main-background);
margin-top: 8px;
}
#app-settings-header .settings-button:hover, #app-settings-header .settings-button:focus {
background-color: var(--color-background-hover);

2
core/css/server.css.map
View file

File diff suppressed because one or more lines are too long