p31829507
/
django
mirror of https://github.com/django/django.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fixed #35001 -- Fixed position of related widget action icons in admin for some screen sizes.

This commit is contained in:
Tom Carrick 2023-12-01 14:03:04 +01:00 committed by GitHub
parent 0f83133a35
commit dec8aa68f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
django/contrib/admin/static/admin/css/responsive.css
View File

@ -670,10 +670,10 @@ input[type="submit"], button {
.selector { .selector {
flex-direction: column; flex-direction: column;
gap: 10px 0;
} }
.selector-available, .selector-chosen { .selector-available, .selector-chosen {
margin-bottom: 0;
flex: 1 1 auto; flex: 1 1 auto;
} }

10
django/contrib/admin/static/admin/css/widgets.css
View File

@ -3,7 +3,7 @@
.selector { .selector {
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
gap: 10px; gap: 0 10px;
} }
.selector select { .selector select {
@ -15,7 +15,6 @@
.selector-available, .selector-chosen { .selector-available, .selector-chosen {
text-align: center; text-align: center;
margin-bottom: 5px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1 1; flex: 1 1;
@ -88,6 +87,7 @@
width: 22px; width: 22px;
background-color: var(--selected-bg); background-color: var(--selected-bg);
border-radius: 10px; border-radius: 10px;
margin: 0;
padding: 0; padding: 0;
transform: translateY(-17px); transform: translateY(-17px);
} }
@ -151,7 +151,7 @@ a.selector-chooseall, a.selector-clearall {
display: inline-block; display: inline-block;
height: 16px; height: 16px;
text-align: left; text-align: left;
margin: 1px auto 3px; margin: 0 auto;
overflow: hidden; overflow: hidden;
font-weight: bold; font-weight: bold;
line-height: 16px; line-height: 16px;
@ -580,8 +580,10 @@ ul.timelist, .timelist li {
/* RELATED WIDGET WRAPPER */ /* RELATED WIDGET WRAPPER */
.related-widget-wrapper { .related-widget-wrapper {
display: flex; display: flex;
gap: 10px; gap: 0 10px;
flex-grow: 1; flex-grow: 1;
flex-wrap: wrap;
margin-bottom: 5px;
} }
.related-widget-wrapper-link { .related-widget-wrapper-link {