upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-09 00:32:29 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 35

Fix: shorthand paddings and margins

Browse source 
Signed-off-by: Mostafa Ahangarha <ahangarha@riseup.net>
This commit is contained in:
Mostafa Ahangarha 2023-12-23 19:10:30 +03:30 committed by nextcloud-command
parent 66fab3f2f6
commit 26f4b97b2b
5 changed files with 26 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
core/css/apps.scss
View file

@ -340,9 +340,11 @@ kbd {
/* TODO: forbid using img as icon in menu? */
&.svg {
padding: 0 12px 0 var(--default-clickable-area);
padding-block: 0;
padding-inline: var(--default-clickable-area) 12px;
:focus-visible {
padding: 0 8px 0 calc(var(--default-clickable-area) - 2px);
padding-block: 0;
padding-inline: calc(var(--default-clickable-area) - 2px) 8px;
}
}
&:first-child img {
@ -797,7 +799,8 @@ $min-content-width: variables.$breakpoint-mobile - variables.$navigation-width -
}
.info-text {
padding: 5px 0 7px 22px;
padding-block: 5px 7px;
padding-inline: 22px 0;
color: var(--color-text-lighter);
}
input {

3
core/css/guest.scss
View file

@ -471,7 +471,8 @@ form .warning input[type='checkbox']+label {
/* Additional login options */
#remember_login {
margin: 18px 5px 0 16px !important;
margin-block: 18px 0 !important;
margin-inline: 16px 5px !important;
}
/* fixes for update page TODO should be fixed some time in a proper way */

21
core/css/inputs.scss
View file

@ -77,7 +77,8 @@ button:not(
border-radius: var(--border-radius);
cursor: text;
&:not(.app-navigation-entry-button) {
margin: 3px 3px 3px 0;
margin: 3px;
margin-inline-start: 0;
}
&:not(
:disabled,
@ -152,7 +153,8 @@ button:not(
}
div[contenteditable=false] {
margin: 3px 3px 3px 0;
margin: 3px;
margin-inline-start: 0;
padding: 7px 6px;
font-size: 13px;
background-color: var(--color-main-background);
@ -245,7 +247,8 @@ input:not(
select,
div[contenteditable=true],
textarea {
margin: 3px 3px 3px 0;
margin: 3px;
margin-inline-start: 0;
padding: 0 12px;
font-size: var(--default-font-size);
background-color: var(--color-main-background);
@ -449,7 +452,8 @@ input {
width: $checkbox-radio-size;
vertical-align: middle;
border-radius: 50%;
margin: 0 6px 3px 3px;
margin: 0 3px;
margin-inline: 3px 6px;
border: 1px solid var(--color-text-maxcontrast);
}
&:not(:disabled):not(:checked) + label:hover:before,
@ -662,7 +666,8 @@ div.select2-container-multi {
}
}
div.select2-container {
margin: 3px 3px 3px 0;
margin: 3px;
margin-inline-start: 0;
&.select2-container-multi .select2-choices {
display: flex;
flex-wrap: wrap;
@ -722,7 +727,8 @@ div.select2-container {
/* Vue v-select */
.v-select {
margin: 3px 3px 3px 0;
margin: 3px;
margin-inline-start: 0;
display: inline-block;
.dropdown-toggle {
display: flex !important;
@ -755,7 +761,8 @@ div.select2-container {
overflow: hidden;
text-overflow: ellipsis;
height: 25px;
padding: 3px 7px 4px 2px;
padding-block: 3px 4px;
padding-inline: 2px 7px;
margin: 0;
cursor: pointer;
min-height: 1em;

3
core/css/styles.scss
View file

@ -658,7 +658,8 @@ body[dir='ltr'] .ui-widget.ui-datepicker .ui-widget-header .ui-icon {
span.ui-icon {
float: left;
margin: 3px 7px 30px 0;
margin-block: 3px 30px;
margin-inline: 0 7px;
}
/* ---- TOOLTIPS ---- */

3
core/src/jquery/css/jquery-ui-fixes.scss
View file

@ -189,7 +189,8 @@
.ui-menu-item a {
color: var(--color-text-lighter);
display: block;
padding: 4px 4px 4px 14px;
padding: 4px;
padding-inline-start: 14px;
&.ui-state-focus, &.ui-state-active {
box-shadow: inset 4px 0 var(--color-primary-element);