Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add delete icon

Browse source
This commit is contained in:
Felix Niklas 2014-08-30 12:24:24 +02:00
parent da455e2a21
commit 24543a1d83
2 changed files with 12 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/images/sprite.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="306px" height="375px" viewBox="0 0 306 375" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<title></title>
<title> 1</title>
<description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
@ -110,6 +110,11 @@
<path d="M-0.5,0.5 L8.5,0.5 L8.5,9.5 L-0.5,9.5 L-0.5,0.5 L-0.5,0.5 Z" id="checkbox" stroke="#000000" sketch:type="MSShapeGroup"></path>
<path d="M2.79999999,5.89999999 L1.09999999,4.39999999 L0.39999999,5.09999999 L3.29999999,8.59999999 C3.79999999,7.09999999 5.39999999,4.19999999 7.29999999,2.09999999 L7.09999999,1.49999999 C4.99999999,2.99999999 3.39999999,4.89999999 2.79999999,5.89999999 L2.79999999,5.89999999 L2.79999999,5.89999999 Z" id="Shape" fill="#1A1A1A" sketch:type="MSShapeGroup"></path>
</g>
<path d="M45.044,305.135991 L45.06,305.183991 C44.74,305.423991 44.42,305.759991 44.068,306.143991 L41.828,308.575991 L42.9,309.487991 L47.38,304.495991 L42.9,299.503991 L41.828,300.415991 L43.956,302.719991 C44.372,303.183991 44.708,303.551991 45.06,303.807991 L45.044,303.855991 L36.724,303.855991 L36.724,305.135991 L45.044,305.135991 Z" id="→" fill="#000000" sketch:type="MSShapeGroup"></path>
<g id="delete" sketch:type="MSLayerGroup" transform="translate(48.000000, 300.000000)" fill="#000000">
<path d="M8.14644661,8.85355339 C8.34170876,9.04881554 8.65829124,9.04881554 8.85355339,8.85355339 C9.04881554,8.65829124 9.04881554,8.34170876 8.85355339,8.14644661 L0.853553391,0.146446609 C0.658291245,-0.0488155365 0.341708755,-0.0488155365 0.146446609,0.146446609 C-0.0488155365,0.341708755 -0.0488155365,0.658291245 0.146446609,0.853553391 L8.14644661,8.85355339 Z" id="Path-1" sketch:type="MSShapeGroup"></path>
<path d="M0.146446609,8.14644661 C-0.0488155365,8.34170876 -0.0488155365,8.65829124 0.146446609,8.85355339 C0.341708755,9.04881554 0.658291245,9.04881554 0.853553391,8.85355339 L8.85355339,0.853553391 C9.04881554,0.658291245 9.04881554,0.341708755 8.85355339,0.146446609 C8.65829124,-0.0488155365 8.34170876,-0.0488155365 8.14644661,0.146446609 L0.146446609,8.14644661 Z" id="Path-1-copy" sketch:type="MSShapeGroup"></path>
</g>
<path d="M40.6673979,115.35601 L35.852655,120.171434 L36.8898628,121.208495 L41.7046057,116.393071 L40.6673979,115.35601 L40.6673979,115.35601 Z M34.72,121.25924 L34.72,122.28 L35.77784,122.28 L36.29626,121.76962 L35.24878,120.79228 L34.72,121.25924 L34.72,121.25924 Z M36.81482,123.19 L33.74,123.19 L33.74,120.29633 L38.36,115.96291 L38.36,115 L32.2,115 L32.2,118.9 L28,118.9 L28,128 L38.36,128 L38.36,121.74076 L36.81482,123.19 L36.81482,123.19 Z M28,117.86 L31.08,117.86 L31.08,115 L28,117.86 L28,117.86 Z" id="note" fill="#808080" sketch:type="MSShapeGroup"></path>
<path d="M40.6673979,128.35601 L35.852655,133.171434 L36.8898628,134.208495 L41.7046057,129.393071 L40.6673979,128.35601 L40.6673979,128.35601 Z M34.72,134.25924 L34.72,135.28 L35.77784,135.28 L36.29626,134.76962 L35.24878,133.79228 L34.72,134.25924 L34.72,134.25924 Z M36.81482,136.19 L33.74,136.19 L33.74,133.29633 L38.36,128.96291 L38.36,128 L32.2,128 L32.2,131.9 L28,131.9 L28,141 L38.36,141 L38.36,134.74076 L36.81482,136.19 L36.81482,136.19 Z M28,130.86 L31.08,130.86 L31.08,128 L28,130.86 L28,130.86 Z" id="note-light" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<g id="icon_47132" sketch:type="MSLayerGroup" transform="translate(42.000000, 115.000000)" fill="#808080">
@ -182,7 +187,6 @@
<path d="M6.3789375,-0.039 C2.8114125,-0.039 -0.08125,2.8517125 -0.08125,6.4194 C-0.08125,9.9870875 2.8114125,12.87975 6.3789375,12.87975 C9.9448375,12.87975 12.8375,9.9870875 12.8375,6.4194 C12.8375,2.8517125 9.9448375,-0.039 6.3789375,-0.039 L6.3789375,-0.039 L6.3789375,-0.039 Z M6.3847875,11.579425 C3.4978125,11.579425 1.1505,9.251125 1.1505,6.3890125 C1.1505,3.5269 3.4978125,1.20055 6.3847875,1.20055 C9.269975,1.20055 11.619075,3.5269 11.619075,6.3890125 C11.619075,9.251125 9.269975,11.579425 6.3847875,11.579425 L6.3847875,11.579425 L6.3847875,11.579425 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M9.9220875,6.1923875 L11.1957625,6.1923875 C11.1726875,5.6701125 11.0680375,5.170425 10.8905875,4.7051875 L10.303475,4.95495 L10.1716875,4.6499375 L10.761075,4.400175 C10.5457625,3.936725 10.2574875,3.511625 9.9107125,3.1416125 L9.42435,3.624075 L9.190025,3.3895875 L9.674275,2.907125 C9.3481375,2.6039 8.978125,2.34455 8.5739875,2.1386625 L8.3032625,2.7392625 L7.9980875,2.6039 L8.27255,1.9976125 C7.750275,1.77645 7.18185,1.644825 6.5849875,1.6199625 L6.5849875,3.01015 L6.251375,3.01015 L6.251375,1.618175 C5.7291,1.6315 5.2274625,1.728675 4.760275,1.8965375 L5.0864125,2.6364 L4.77945,2.7678625 L4.4494125,2.018575 C3.97475,2.224625 3.54185,2.504775 3.1643625,2.8461875 L3.71345,3.3895875 L3.47685,3.624075 L2.922075,3.074825 C2.5959375,3.4086 2.319525,3.789825 2.1038875,4.20745 L2.8819375,4.541225 L2.744625,4.8425 L1.9608875,4.5069375 C1.7320875,5.0275875 1.5965625,5.5976375 1.5718625,6.1945 L3.0459,6.19255 L3.0459,6.522425 L1.5718625,6.526325 C1.5871375,7.1098625 1.709175,7.664475 1.9209125,8.177325 L2.689375,7.8456625 L2.821,8.150675 L2.0583875,8.4787625 C2.266225,8.905975 2.5389,9.2967875 2.8650375,9.6399875 L3.4294,9.1099125 L3.6658375,9.3444 L3.099525,9.8762625 C3.4656375,10.215725 3.88505,10.497825 4.3447625,10.7095625 L4.667,9.984975 L4.970225,10.1222875 L4.649775,10.8411875 C5.1494625,11.0339125 5.6889625,11.1444125 6.251375,11.1596875 L6.251375,9.7734 L6.5849875,9.7734 L6.5849875,11.1579 C7.1722625,11.1349875 7.7348375,11.0072625 8.25175,10.7898375 L7.9963,10.1986625 L8.3013125,10.0689875 L8.553025,10.6484625 C8.983975,10.4329875 9.376575,10.154625 9.7218875,9.8267 L9.302475,9.411025 L9.5389125,9.1765375 L9.9545875,9.5883125 C10.274875,9.237475 10.5418625,8.84065 10.7479125,8.406125 L10.17575,8.1523 L10.3129,7.8492375 L10.879375,8.1011125 C11.0699875,7.6090625 11.18065,7.076875 11.1957625,6.5221 L9.9220875,6.5221 L9.9220875,6.1923875 L9.9220875,6.1923875 Z M8.879,8.8105875 C8.7225125,8.965125 8.469175,8.965125 8.312525,8.8086375 L6.365775,7.096375 C6.1884875,6.9171375 5.9843875,6.8007875 5.9843875,6.4481625 L5.9843875,4.1578875 C5.9843875,3.9196625 6.1789,3.7269375 6.4172875,3.7269375 C6.657625,3.7269375 6.8523,3.9196625 6.8523,4.1578875 L6.8523,6.432725 L8.88095,8.2480125 C9.0371125,8.40255 9.0351625,8.6542625 8.879,8.8105875 L8.879,8.8105875 L8.879,8.8105875 Z" id="Shape" sketch:type="MSShapeGroup"></path>
</g>
<path d="M45.044,305.135991 L45.06,305.183991 C44.74,305.423991 44.42,305.759991 44.068,306.143991 L41.828,308.575991 L42.9,309.487991 L47.38,304.495991 L42.9,299.503991 L41.828,300.415991 L43.956,302.719991 C44.372,303.183991 44.708,303.551991 45.06,303.807991 L45.044,303.855991 L36.724,303.855991 L36.724,305.135991 L45.044,305.135991 Z" id="→" fill="#000000" sketch:type="MSShapeGroup"></path>
<path d="M34.0951807,347.311111 L34.0951807,344.466667 C37.3686747,344.466667 40.0240964,347.044444 40.0240964,350.222222 C40.0240964,353.422222 37.3686747,356 34.0951807,356 C38.9939759,356 42.9542169,352.155556 42.9542169,347.377778 C42.9542169,342.622222 38.9939759,338.777778 34.0951807,338.777778 L34.0951807,336 L29.0361446,338.822222 L24,341.666667 L29.0361446,344.488889 L34.0951807,347.311111 Z" id="reply" fill="#000000" sketch:type="MSShapeGroup"></path>
<path d="M58.6084051,344.2388 L58.5990886,344.2 L57.164557,344.2 L57.164557,340.08 C57.164557,339.922 57.3810633,336 53.0956962,336 L51.0033418,336 C46.7127089,336 46.8629873,340 46.8702785,340.2 L46.835443,340.2 L46.835443,344.2 L45.4926582,344.2 C44.7333671,344.2 44,344.8696 44,345.6196 L44,354.5798 L44,354.6154 C44,355.365 44.7331646,356.0002 45.4926582,356.0002 L58.5990886,356.0002 L58.6306835,356.0002 C59.3899747,356 60,355.3652 60,354.6152 L60,354.5796 L60,345.6196 C60,344.8694 59.3678987,344.2388 58.6084051,344.2388 L58.6084051,344.2388 Z M54.3291139,344.2 L49.6708861,344.2 L49.6708861,340.086 C49.6708861,339.4706 50.1689114,338.8 51.0033418,338.8 L53.1088608,338.8 C53.9430886,338.8 54.3291139,339.4524 54.3291139,340.08 L54.3291139,344.2 L54.3291139,344.2 Z" id="lock" fill="#000000" sketch:type="MSShapeGroup"></path>
<path d="M3,351 C3.00000025,347.658831 4.05916618,345.96066 6.66411898,343.827098 C6.61537225,343.867024 7.151972,343.429157 7.29335721,343.312088 C9.6234159,341.382774 10.5000001,339.771038 10.5,336 L10.5,336 L13.5,336 L13.5,336 C13.5000001,339.771037 14.3765843,341.382774 16.7066428,343.312088 C16.8480281,343.429157 17.3846279,343.867023 17.3358812,343.827098 C19.9408339,345.96066 20.9999998,347.658831 21,351 L21.0000001,351 L15,351 L19.5,356 L24,351 L21,351 L18,351 C17.9999999,348.710889 17.4108706,347.766332 15.4349741,346.147992 C15.4916405,346.194405 14.9444912,345.747929 14.7933572,345.622789 C13.4178353,344.483842 12.3966281,343.353786 11.6960735,342 L12.3039268,342 L12.3039268,342 C11.6033722,343.353786 10.5821649,344.483842 9.20664279,345.622789 C9.05550884,345.74793 8.50835957,346.194405 8.56502604,346.147993 C6.58912946,347.766332 6.00000015,348.710889 6,351 L3,351 L9,351 L4.5,356 L0,351 L2.99999991,351 Z" id="split" fill="#000000" sketch:type="MSShapeGroup"></path>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 89 KiB

22
app/assets/stylesheets/zzz.css.erb
View file

@ -1336,6 +1336,12 @@ ol.tabs li {
background-position: -36px -299px;
}
.delete.icon {
width: 9px;
height: 9px;
background-position: -48px -300px;
}
.dark.group.icon {
width: 23px;
height: 24px;
@ -1454,22 +1460,6 @@ form a.standalone {
padding: 8px 13px;
}
.delete {
background:url("../assets/close.png") no-repeat;
text-indent: -9999em;
border: 0;
width: 40px;
height: 40px;
cursor:pointer;
float: right;
position: relative;
top: -15px;
left: 30px;
margin: 4px;
clear: right;
}
footer {
clear: both;
padding-top: 10px;