add select-arrow

This commit is contained in:
Felix Niklas 2014-10-07 21:03:54 +02:00
parent 916e4563b2
commit e0c934d7b2
4 changed files with 16 additions and 2 deletions

View file

@ -161,5 +161,6 @@
<path d="M171.06066,275.954195 L171.202702,275.812154 L171.302365,275.637743 C171.414487,275.441529 171.551135,275.139765 171.678636,274.741324 C172.498746,272.17848 171.915105,269.18732 169.06066,266.332875 C166.243699,263.515914 163.118112,263.085348 160.328491,264.097711 C159.823841,264.280849 159.443803,264.472287 159.205002,264.621537 L159.050513,264.718093 L158.923629,264.848822 L142.423629,281.848822 L142.347668,281.933258 C142.158935,282.159738 141.914201,282.515622 141.675224,282.984613 C140.849092,284.605898 140.703461,286.396954 141.752299,288.09123 C142.076339,288.614679 142.505633,289.100791 143.039723,289.545867 C145.292783,291.423417 147.404521,291.890769 149.098516,291.442358 C149.341124,291.378139 149.532621,291.304275 149.67082,291.235176 L149.888539,291.126317 L150.06066,290.954195 L164.06066,276.954195 L164.5,276.514855 L164.5,275.893535 C164.5,275.259579 164.359026,274.413735 163.919766,273.535214 C163.698156,273.091994 163.414366,272.686581 163.06066,272.332875 C162.478935,271.75115 161.737193,271.469799 160.928583,271.427241 C160.327068,271.395582 159.731987,271.494762 159.15132,271.674969 C158.852797,271.767614 158.615784,271.863127 158.45787,271.937928 L158.229833,272.045946 L158.049687,272.222628 L147.649687,282.422628 L149.750313,284.564442 L160.150313,274.364442 L159.74213,274.649142 C159.780517,274.630958 159.889613,274.586994 160.040517,274.540162 C160.310615,274.456338 160.572677,274.412661 160.770907,274.423094 C160.889274,274.429324 160.929866,274.444721 160.93934,274.454195 C161.054384,274.569239 161.256262,274.58804 161.33934,274.754195 C161.532892,275.141299 161.499999,274.983741 161.499999,275.193535 L161.499999,275.393535 L147.93934,288.832875 L148.32918,288.551894 C148.086278,288.606979 147.74747,288.618798 147.311607,288.522337 C146.619626,288.369193 145.834748,287.96993 144.960277,287.241203 C144.667836,286.997503 144.452815,286.754023 144.303094,286.512166 C143.893415,285.850376 143.952546,285.123142 144.348213,284.346646 C144.475447,284.096949 144.596925,283.9203 144.652332,283.853812 L144.576371,283.938248 L161.076371,266.938248 L160.794998,267.165532 C160.864839,267.121882 161.059218,267.023967 161.351894,266.917754 C163.122972,266.275024 165.021733,266.536588 166.93934,268.454195 C168.959895,270.47475 169.313754,272.288278 168.821364,273.826996 C168.761365,274.014492 168.710513,274.12679 168.697635,274.149327 L168.93934,273.832875 L153.93934,288.832875 L156.06066,290.954195 L171.06066,275.954195 Z" id="paper-clip" fill="#D9D9D9" sketch:type="MSShapeGroup"></path>
<path d="M116,339 L116,345 L122,345 L122,339 L116,339 Z M126.071068,345 L111.928932,345 L119,352.071068 L126.071068,345 Z" id="download-white" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
<path d="M133.2,347.3 L129.996546,344.378886 L128.875432,343.38234 L126.88234,345.624568 L128.003454,346.621114 L132.503454,350.621114 L133.762683,351.740429 L134.728848,350.360194 L141.728848,340.360194 L142.589041,339.131346 L140.131346,337.410959 L139.271152,338.639806 L133.2,347.3 Z" id="Line-copy" fill="#38AE6A" sketch:type="MSShapeGroup"></path>
<path d="M78.8928943,307.114214 L84.6000011,301.407107 L83.1857875,299.992893 L78.9000011,304.292893 L74.6000011,299.992893 L73.1857875,301.407107 L78.8928943,307.114214 Z" id="select-arrow" fill="#C5C5C5" sketch:type="MSShapeGroup"></path>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 107 KiB

View file

@ -1,3 +1,4 @@
<div class="u-positionOrigin">
<select id="<%= @attribute.id %>" class="form-control<%= " #{ @attribute.class }" if @attribute.class %>" name="<%= @attribute.name %>" <%= @attribute.multiple %> <%= @attribute.required %> <%= @attribute.autofocus %>>
<% if @attribute.options: %>
<% for row in @attribute.options: %>
@ -5,3 +6,5 @@
<% end %>
<% end %>
</select>
<div class="select-arrow icon"></div>
</div>

View file

@ -62,6 +62,7 @@
<option value="2">open</option>
<option value="3">pending</option>
</select>
<div class="select-arrow icon"></div>
</div>
<div class="form-group is-changed">
<label for="update_ticket_1_priority_id123" class="input-group-addon u-clickable">Priority</label>
@ -70,6 +71,7 @@
<option value="2" selected="">2 normal</option>
<option value="3">3 high</option>
</select>
<div class="select-arrow icon"></div>
</div>
<div class="form-group">
<label for="update_ticket_1_group_id123" class="input-group-addon u-clickable">Group</label>
@ -79,6 +81,7 @@
<option value="2">Twitter</option>
<option value="1" selected="">Users</option>
</select>
<div class="select-arrow icon"></div>
</div>
<div class="form-group">
<label for="update_ticket_1_owner_id123" class="input-group-addon u-clickable">Owner</label>
@ -86,6 +89,7 @@
<option value="">-</option>
<option value="3">Felix Niklas</option>
</select>
<div class="select-arrow icon"></div>
</div>
<div class="form-group">
<input type="submit" class="btn btn--primary js-submit" value="<%- @T('Update') %>">

View file

@ -1254,6 +1254,12 @@ ol.tabs li {
background-position: -64px -300px;
}
.select-arrow.icon {
width: 12px;
height: 7px;
background-position: -73px -300px;
}
.dark.group.icon {
width: 23px;
height: 24px;