bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-01 15:55:36 +01:00
Code Releases Activity

use existing checkmark in select elements

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-04-12 16:42:06 +02:00
parent 8b59c0899c
commit 824ccdc996
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_src/_assets/images/icon-check.svg
View File

@ -1,6 +1,6 @@
<svg version="1.1" <svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"> xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<g> <g>
<polyline class="st0" points="23.5,0.5 7,23.5 0.5,17 "/> <polyline points="23.5,0.5 7,23.5 0.5,17"/>
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 207 B

After

Width:  |  Height:  |  Size: 193 B

4
_src/_assets/styles/bigchain/_select-theme-bigchaindb.scss
View File

@ -71,7 +71,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
&.select-option-selected:before { &.select-option-selected:before {
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='#{$input-color}' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='#{$input-color}' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>"); content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24'><polyline fill='none' stroke-width='2' stroke='#{$input-color}' points='23.5,0.5 7,23.5 0.5,17'/></svg>");
position: absolute; position: absolute;
left: 1em; left: 1em;
top: 0; top: 0;
@ -88,7 +88,7 @@
// the checkmark // the checkmark
&.select-option-selected:before { &.select-option-selected:before {
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='#{$component-active-color}' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='#{$component-active-color}' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>"); content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24'><polyline fill='none' stroke-width='2' stroke='#{$component-active-color}' points='23.5,0.5 7,23.5 0.5,17'/></svg>");
} }
} }