1
0
mirror of https://github.com/django/django.git synced 2025-08-21 01:09:13 +00:00

Fixed #35924 -- Removed the "choose/remove all" button icons in the FilteredSelectMultiple widget.

This commit is contained in:
antoliny0919 2025-08-03 16:11:29 +09:00 committed by Sarah Boyce
parent 2980627502
commit a9b07cec03
3 changed files with 6 additions and 46 deletions

View File

@ -242,18 +242,10 @@ fieldset .fieldBox {
background-position: 0 -168px; background-position: 0 -168px;
} }
.selector-chooseall {
background: url(../img/selector-icons.svg) right -128px no-repeat;
}
:enabled.selector-chooseall:focus, :enabled.selector-chooseall:hover { :enabled.selector-chooseall:focus, :enabled.selector-chooseall:hover {
background-position: 100% -144px; background-position: 100% -144px;
} }
.selector-clearall {
background: url(../img/selector-icons.svg) 0 -160px no-repeat;
}
:enabled.selector-clearall:focus, :enabled.selector-clearall:hover { :enabled.selector-clearall:focus, :enabled.selector-clearall:hover {
background-position: 0 -176px; background-position: 0 -176px;
} }

View File

@ -162,21 +162,21 @@
.selector-chooseall, .selector-clearall { .selector-chooseall, .selector-clearall {
display: inline-block; display: inline-block;
height: 16px;
text-align: left; text-align: left;
padding: 4px 5px;
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
font-weight: bold; color: var(--button-fg);
line-height: 16px; background-color: var(--button-bg);
color: var(--body-quiet-color);
text-decoration: none; text-decoration: none;
opacity: 0.55; opacity: 0.55;
border: none; border: none;
border-radius: 4px;
} }
:enabled.selector-chooseall:focus, :enabled.selector-clearall:focus, :enabled.selector-chooseall:focus, :enabled.selector-clearall:focus,
:enabled.selector-chooseall:hover, :enabled.selector-clearall:hover { :enabled.selector-chooseall:hover, :enabled.selector-clearall:hover {
color: var(--link-fg); background-color: var(--button-hover-bg);
} }
:enabled.selector-chooseall, :enabled.selector-clearall { :enabled.selector-chooseall, :enabled.selector-clearall {
@ -187,22 +187,10 @@
cursor: pointer; cursor: pointer;
} }
.selector-chooseall {
padding: 0 18px 0 0;
background: url(../img/selector-icons.svg) right -160px no-repeat;
cursor: default;
}
:enabled.selector-chooseall:focus, :enabled.selector-chooseall:hover { :enabled.selector-chooseall:focus, :enabled.selector-chooseall:hover {
background-position: 100% -176px; background-position: 100% -176px;
} }
.selector-clearall {
padding: 0 0 0 18px;
background: url(../img/selector-icons.svg) 0 -128px no-repeat;
cursor: default;
}
:enabled.selector-clearall:focus, :enabled.selector-clearall:hover { :enabled.selector-clearall:focus, :enabled.selector-clearall:hover {
background-position: 0 -144px; background-position: 0 -144px;
} }

View File

@ -1,4 +1,4 @@
<svg width="16" height="192" viewBox="0 0 512 6144" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="16" height="128" viewBox="0 0 512 4096" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--> <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
<defs> <defs>
<g id="up"> <g id="up">
@ -33,22 +33,6 @@
--> -->
<path d="M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM215 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-71 71L392 232c13.3 0 24 10.7 24 24s-10.7 24-24 24l-214.1 0 71 71c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L103 273c-9.4-9.4-9.4-24.6 0-33.9L215 127z"/> <path d="M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM215 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-71 71L392 232c13.3 0 24 10.7 24 24s-10.7 24-24 24l-214.1 0 71 71c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L103 273c-9.4-9.4-9.4-24.6 0-33.9L215 127z"/>
</g> </g>
<g id="clearall">
<!--
Icon Name: circle-chevron-left
Icon Family: classic
Icon Style: solid
-->
<path d="M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM271 135c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-87 87 87 87c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L167 273c-9.4-9.4-9.4-24.6 0-33.9L271 135z"/>
</g>
<g id="chooseall">
<!--
Icon Name: circle-chevron-right
Icon Family: classic
Icon Style: solid
-->
<path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z"/>
</g>
</defs> </defs>
<use xlink:href="#up" x="0" y="0" fill="#666666" /> <use xlink:href="#up" x="0" y="0" fill="#666666" />
<use xlink:href="#up" x="0" y="512" fill="#447e9b" /> <use xlink:href="#up" x="0" y="512" fill="#447e9b" />
@ -58,8 +42,4 @@
<use xlink:href="#left" x="0" y="2560" fill="#447e9b" /> <use xlink:href="#left" x="0" y="2560" fill="#447e9b" />
<use xlink:href="#right" x="0" y="3072" fill="#666666" /> <use xlink:href="#right" x="0" y="3072" fill="#666666" />
<use xlink:href="#right" x="0" y="3584" fill="#447e9b" /> <use xlink:href="#right" x="0" y="3584" fill="#447e9b" />
<use xlink:href="#clearall" x="0" y="4096" fill="#666666" />
<use xlink:href="#clearall" x="0" y="4608" fill="#447e9b" />
<use xlink:href="#chooseall" x="0" y="5120" fill="#666666" />
<use xlink:href="#chooseall" x="0" y="5632" fill="#447e9b" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB