improve simple member display in multiselect [skip ci]

Signed-off-by: Julien Veyssier <eneiluj@posteo.net>
This commit is contained in:
Julien Veyssier
2020-11-07 16:31:40 +01:00
parent 8242815427
commit eb4e72bf3c
2 changed files with 124 additions and 2 deletions

109
img/icon-user-dollar.svg Normal file
View File

@@ -0,0 +1,109 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Capa_1"
x="0px"
y="0px"
width="947.383px"
height="947.383px"
viewBox="0 0 947.383 947.383"
xml:space="preserve"
sodipodi:docname="icon-user-dollar.svg"
style="enable-background:new 0 0 947.383 947.383;"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><metadata
id="metadata47"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs45" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1051"
id="namedview43"
showgrid="false"
inkscape:zoom="0.24910728"
inkscape:cx="-138.45713"
inkscape:cy="314.06278"
inkscape:window-x="0"
inkscape:window-y="-37"
inkscape:window-maximized="1"
inkscape:current-layer="g6" />
<g
id="g10"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
<g
id="g8"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
<g
id="g6"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-opacity:1">
<path
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:64.63111877"
d="m 468.38442,26.925746 c -113.10462,0 -193.89453,92.422014 -193.89453,180.966804 0,90.48342 6.46338,155.11481 51.70508,226.20898 12.92624,18.48456 32.31596,22.62157 45.24219,38.7793 8.72519,32.31547 15.51118,63.33913 6.46289,96.94726 -82.40466,29.08396 -160.93127,64.6295 -232.67188,103.40821 -54.936454,38.7787 -50.735084,20.03642 -64.630854,148.65234 -10.34095,102.76345 226.209264,109.87305 387.787104,109.87305 161.57783,0 398.31997,-6.4634 387.78516,-109.87305 C 842.2738,692.62627 841.3048,711.36856 791.53872,673.2363 720.44453,630.96736 633.19276,597.81327 558.86685,569.82809 c -9.6945,-36.19342 -2.58541,-62.88656 6.46289,-96.94726 15.18819,-16.15773 32.31594,-23.46163 45.24218,-38.7793 C 655.16743,376.90314 662.277,277.37098 662.277,207.89255 662.277,105.12887 569.85522,26.925746 468.38442,26.925746 Z m -4.25586,51.400391 h 17.64258 c 9.86326,0 17.85742,7.996125 17.85742,17.859379 v 30.736324 c 23.36964,3.70921 42.40859,13.77436 58.6875,27.49414 7.64971,6.44692 8.61568,17.87288 2.0625,25.42969 l -17.98437,20.73242 c -6.0085,6.9291 -16.31527,8.31709 -23.82031,3.04883 -12.21609,-8.57566 -23.82997,-12.86328 -37.04883,-12.86328 -20.48551,0 -30.49023,5.71664 -30.49023,24.77344 0,36.20902 122.91796,38.11473 122.91796,124.82226 -7.8e-4,46.21513 -24.30076,82.4222 -74.32422,94.33204 v 31.85937 c 0,10.29633 -8.34821,18.64258 -18.64453,18.64258 h -16.07031 c -10.2972,0 -18.64453,-8.34625 -18.64453,-18.64258 V 437.5488 c -22.20527,-2.72789 -48.87099,-10.86836 -70.87891,-25.4668 -8.02919,-5.3263 -10.3418,-16.35468 -5.16015,-24.47852 l 16.58984,-26.00586 c 5.23701,-8.20688 16.11555,-10.75898 24.38672,-5.62109 19.0702,11.84912 35.16479,16.78125 51.25977,16.78125 23.82145,0 33.35156,-8.10059 33.35156,-26.67969 0,-38.11719 -122.91797,-43.35518 -122.91797,-126.72851 0,-48.11974 27.15579,-81.47026 73.36914,-91.47461 V 96.185516 c 0,-9.862364 7.99611,-17.859379 17.85937,-17.859379 z"
id="path834"
inkscape:connector-curvature="0" />
</g>
</g>
</g>
<g
id="g12">
</g>
<g
id="g14">
</g>
<g
id="g16">
</g>
<g
id="g18">
</g>
<g
id="g20">
</g>
<g
id="g22">
</g>
<g
id="g24">
</g>
<g
id="g26">
</g>
<g
id="g28">
</g>
<g
id="g30">
</g>
<g
id="g32">
</g>
<g
id="g34">
</g>
<g
id="g36">
</g>
<g
id="g38">
</g>
<g
id="g40">
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -215,7 +215,7 @@ export default {
user: item.id,
name: item.name,
displayName: item.label,
icon: item.type === 'u' ? 'icon-user' : '',
icon: item.type === 'u' ? 'icon-user' : 'icon-user-dollar',
type: item.type,
value: item.value,
multiselectKey: item.type + ':' + item.id,
@@ -351,7 +351,7 @@ export default {
this.users.unshift({
id: '',
name,
label: name + ' (' + t('cospend', 'Simple member') + ')',
label: name + ' - (' + t('cospend', 'Simple member') + ')',
type: 's',
})
}
@@ -393,6 +393,19 @@ export default {
min-height: 44px !important;
}
::v-deep .icon-user-dollar {
background-color: var(--color-main-text);
padding: 0 !important;
mask: url('./../../img/icon-user-dollar.svg') no-repeat;
mask-size: 16px auto;
mask-position: center;
-webkit-mask: url('./../../img/icon-user-dollar.svg') no-repeat;
-webkit-mask-size: 16px auto;
-webkit-mask-position: center;
min-width: 44px !important;
min-height: 44px !important;
}
#autoExport span.icon {
display: inline-block;
min-width: 30px !important;