Add new show/hide and update css
This commit is contained in:
Paul Kaplan committed
1 parent
8ae4b431f9
commit
2d5f0f27ab
3 files changed
+12
-27
No files matched your search
@@ -1,21 +1,13 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="16px" height="13px" viewBox="0 0 16 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>hide-icon-active</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Desktop---1280x720" transform="translate(-876.000000, -522.000000)" fill-rule="nonzero" fill="#4C97FF">
|
||||
<g id="Sprite-Area" transform="translate(792.000000, 460.000000)">
|
||||
<g id="Sprite-Info">
|
||||
<g id="show-toggle" transform="translate(12.000000, 52.000000)">
|
||||
<g id="hide-option" transform="translate(63.000000, 0.000000)">
|
||||
<g id="hide-icon-active" transform="translate(9.000000, 10.000000)">
|
||||
<path d="M6.59521066,11.546925 L7.81427788,10.3278577 C7.87546831,10.330638 7.93701712,10.3320431 7.99889412,10.3320431 C10.2077277,10.3320431 11.9983412,8.5414297 11.9983412,6.33259608 C11.9983412,6.27071908 11.996936,6.20917027 11.9941558,6.14797984 L14.2033372,3.93879838 C14.5960547,4.41036033 14.7867241,4.74707941 14.7867241,4.74707941 C15.4555764,5.62273609 15.482771,7.06288956 14.7867241,7.91811275 C14.7867241,7.91811275 12.6649157,11.6651922 7.99889412,11.6651922 C7.5023581,11.6651922 7.03463329,11.6227594 6.59521066,11.546925 Z M14.7289607,1.41525222 L14.3137085,1 L3.0000816,12.3136269 L2,11.3137085 L3.22703013,10.0868786 C1.85927754,9.06284716 1.21106414,7.91811275 1.21106414,7.91811275 C0.542211884,7.04245607 0.515017251,5.6023026 1.21106414,4.74707941 C1.21106414,4.74707941 3.33287255,1 7.99889412,1 C9.3931731,1 10.5602777,1.33457907 11.5114783,1.80378248 L13.3155551,0 L14.7299995,1.41421356 L14.7289607,1.41525222 Z M4.70804932,8.60610113 L6.17089206,7.14349711 C6.06103509,6.89584018 6,6.62171451 6,6.33333333 C6,5.22876383 6.8954305,4.33333333 8,4.33333333 C8.288497,4.33333333 8.56272703,4.39441746 8.81046216,4.50435778 L10.2729358,3.04212279 C9.62727902,2.59506525 8.84367348,2.33314902 7.99889412,2.33314902 C5.7900605,2.33314902 3.99944706,4.12376246 3.99944706,6.33259608 C3.99944706,7.1771414 4.26121819,7.96054679 4.70804932,8.60610113 Z" id="Combined-Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="hide-icon-active" fill="#4C97FF">
|
||||
<g transform="translate(1.000000, 1.000000)" id="Combined-Shape">
|
||||
<path d="M2.06675537,10.5669531 C0.999299947,9.6010063 0.49087044,8.63529009 0.49087044,8.63529009 C-0.150519518,7.7321443 -0.176597571,6.24678071 0.49087044,5.36470987 C0.49087044,5.36470987 2.52555986,1.5 6.99999999,1.5 C8.31672118,1.5 9.42216368,1.83467798 10.32665,2.30705842 L11.9737085,0.659999967 L12.6808152,1.36710675 L1.36710675,12.6808152 L0.659999967,11.9737085 L2.06675537,10.5669531 Z M9.06150447,3.57220396 C8.4592531,3.20897321 7.75347776,3 6.99889412,3 C4.7900605,3 2.99944706,4.79061344 2.99944706,6.99944706 C2.99944706,7.75403071 3.20842027,8.45980605 3.57165102,9.06205741 L5.07816645,7.55554198 C5.02727139,7.37916271 5,7.19276614 5,7 C5,5.8954305 5.8954305,5 7,5 C7.19276614,5 7.37916271,5.02727139 7.55554198,5.07816645 L9.06150447,3.57220396 Z M3.68757244,11.7003495 L4.95187601,10.4360459 C5.55070241,10.7935069 6.25081289,10.9988941 6.99889412,10.9988941 C9.2077277,10.9988941 10.9983412,9.20828068 10.9983412,6.99944706 C10.9983412,6.25136583 10.792954,5.55125535 10.435493,4.95242895 L11.9445897,3.44333221 C13.0043028,4.40583676 13.5091295,5.36470987 13.5091295,5.36470987 C14.1505195,6.26785566 14.1765976,7.75321925 13.5091295,8.63529009 C13.5091295,8.63529009 11.4744401,12.5 6.99999999,12.5 C5.69017232,12.5 4.58941688,12.1688172 3.68757244,11.7003495 Z M6.46130696,8.92661494 L8.92661494,6.46130696 C8.9744347,6.63269299 9,6.81336095 9,7 C9,8.1045695 8.1045695,9 7,9 C6.81336095,9 6.63269299,8.9744347 6.46130696,8.92661494 Z"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.1 KiB |
@@ -1,22 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg width="16px" height="11px" viewBox="0 0 16 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>show-icon-active</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Desktop---1280x720" transform="translate(-843.000000, -523.000000)" fill-rule="nonzero" fill="#4C97FF">
|
||||
<g id="Sprite-Area" transform="translate(792.000000, 460.000000)">
|
||||
<g id="Sprite-Info">
|
||||
<g id="show-toggle" transform="translate(12.000000, 52.000000)">
|
||||
<g id="show-option" transform="translate(31.000000, 0.000000)">
|
||||
<g id="show-icon-active" transform="translate(8.000000, 11.000000)">
|
||||
<path d="M14.7867241,3.74707941 C15.4555764,4.62273609 15.482771,6.06288956 14.7867241,6.91811275 C14.7867241,6.91811275 12.6649157,10.6651922 7.99889412,10.6651922 C3.33287255,10.6651922 1.21106414,6.91811275 1.21106414,6.91811275 C0.542211884,6.04245607 0.515017251,4.6023026 1.21106414,3.74707941 C1.21106414,3.74707941 3.33287255,3.80948559e-16 7.99889412,0 C12.6649157,0 14.7867241,3.74707941 14.7867241,3.74707941 Z M7.99889412,9.33204314 C10.2077277,9.33204314 11.9983412,7.5414297 11.9983412,5.33259608 C11.9983412,3.12376246 10.2077277,1.33314902 7.99889412,1.33314902 C5.7900605,1.33314902 3.99944706,3.12376246 3.99944706,5.33259608 C3.99944706,7.5414297 5.7900605,9.33204314 7.99889412,9.33204314 Z" id="Combined-Shape"></path>
|
||||
<circle id="Oval" cx="8" cy="5.33333333" r="2"></circle>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="show-icon-active" fill-rule="nonzero" fill="#4C97FF">
|
||||
<g transform="translate(1.000000, 2.000000)">
|
||||
<path d="M13.5091295,4.36470987 C14.1505195,5.26785566 14.1765976,6.75321925 13.5091295,7.63529009 C13.5091295,7.63529009 11.4744401,11.5 6.99999999,11.5 C2.52555986,11.5 0.49087044,7.63529009 0.49087044,7.63529009 C-0.150519518,6.7321443 -0.176597571,5.24678071 0.49087044,4.36470987 C0.49087044,4.36470987 2.52555986,0.5 6.99999999,0.5 C11.4744401,0.5 13.5091295,4.36470987 13.5091295,4.36470987 Z M6.99889412,9.99889412 C9.2077277,9.99889412 10.9983412,8.20828068 10.9983412,5.99944706 C10.9983412,3.79061344 9.2077277,2 6.99889412,2 C4.7900605,2 2.99944706,3.79061344 2.99944706,5.99944706 C2.99944706,8.20828068 4.7900605,9.99889412 6.99889412,9.99889412 Z" id="Combined-Shape"></path>
|
||||
<circle id="Oval" cx="7" cy="6" r="2"></circle>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.4 KiB |
@@ -31,8 +31,9 @@
|
||||
|
||||
.icon-wrapper {
|
||||
display: inline-block;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
box-sizing: content-box;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
padding: 0.5rem;
|
||||
outline: none;
|
||||
user-select: none;
|
||||
|
||||
Reference in new issue
Block a user