Web · Wiki · Activities · Blog · Lists · Chat · Meeting · Bugs · Git · Translate · Archive · People · Donate

Commit a73de85af5edf733320cee3e2022d0a867e00f85

UI improvements: Comments for questions, tweaks for small screens.
  
4141 background-color: #c0c0c0;
4242 border: 1px solid #c0c0c0;
4343 clear:both;
44 margin: 0px;
4445}
4546
4647#toolbar {
138138 padding:7px 25px 7px 7px;
139139 size:-1;
140140 }
141#back-button {
142 border-radius: 15px;
143 background-color: #e6e6e6;
144 display: none;
145 margin-left:20px;
146 padding:7px 7px 7px 7px;
147 cursor: pointer;
148 size:-1;
149 }
141150
142151#meta {
143152 margin-right: 20px;
163163ul.generic-list {
164164 list-style: none;
165165 padding: 0px;
166 margin: 0px;
166167}
167168
168169ul.resource-list {
241241 }
242242div.resource-content {
243243 width:100%;
244 overflow: hidden;
244245 }
245246
246247div.resource-meta {
400400 display:none;
401401 }
402402
403.new-resource-button {
403.watermark {
404 position: absolute;
405 left: 40px;
406 top: 0px;
404407 background-color: #e5e5e5;
405 cursor: pointer;
408 border-radius: 27px;
409 }
410
411.white-button {
412 background-color: #e5e5e5;
406413 border-radius: 15px;
414 cursor: pointer;
407415 }
408416
409417#mejorar-sistema {
410418 position: fixed;
411 bottom: 60px;
419 top: 100px;
412420 right: 20px;
413421 }
414422
633633/* New Solution Form */
634634#solution-form {
635635 padding-left: 110px;
636 background-image: url(/static/icons/dialog-ok.png);
637 background-color: #e6e6e6;
638 background-position: 40px 30px;
639 border-radius: 15px;
640 background-repeat: no-repeat;
636641}
637642
638643#textarea-solution {
834834 display:block;
835835 margin-top:1px;
836836 /* border:1px solid #000; */
837 cursor:move;
837 cursor:pointer;
838838 -moz-border-radius:14px;
839839 -webkit-border-radius:14px;
840840}
895895 font-size:14px;
896896 height: 300px;
897897 }
898}
899
900/* low resolution screen overrides */
901@media (max-device-height:601px) {
902 #accordion .pane {
903 font-size:14px;
904 height: 80px;
905 }
906
907 #resource-section {
908 top: 90px;
909 left: 280px;
910 }
911
912 #resource-buttons {
913 padding-top: 2px;
914 padding-bottom: 0px;
915 height: 55px;
916 overflow: visible;
917 }
918 #resource-list-scrollable {
919 height: 440px;
920 }
921
922 #scrollable {
923 top:90px;
924 left:60px;
925 }
926 #resource-scrollable {
927 height: 510px;
928 }
929
930 .resource-list {
931 margin-top: 0px;
932 margin-bottom: 0px;
933 }
898934}
Binary files differ
  
1<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd' [
2 <!ENTITY stroke_color "#010101">
3 <!ENTITY fill_color "#FFFFFF">
4]><svg enable-background="new 0 0 55.125 55" height="55px" version="1.1" viewBox="0 0 55.125 55" width="55.125px" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><g display="block" id="dialog-ok">
5 <path d="M27.498,5C15.071,5,5,15.071,5,27.498C5,39.923,15.071,50,27.498,50 C39.927,50,50,39.923,50,27.498C50,15.071,39.927,5,27.498,5z M41.419,19.886L24.706,40.208L13.789,29.29 c-1.258-1.254-1.258-3.292-0.003-4.546c1.254-1.255,3.292-1.255,4.547,0l5.908,5.904L36.452,15.8 c1.127-1.368,3.153-1.568,4.525-0.438C42.347,16.489,42.546,18.515,41.419,19.886z" display="inline" fill="&fill_color;"/>
6</g></svg>
  
1 <ul class="generic-list">
12 {%- for item in result %}
23 <li class="comment-resource-list">
34 <div class="comment-content-column">
1616 </div>
1717 </li>
1818 {%- endfor %}
19 </ul>
1920 <img class="resource-throbber" id="comment_throbber_{{resource_guid}}" src="/static/images/throbber4.gif" />
2021 <form id="comment_form_{{resource_guid}}" class="comment-form" data-guid="{{resource_guid}}" method="POST" action="/submit_comment">
2122 <input type="hidden" name="resource_guid" value="{{resource_guid}}" />
  
1212 {%- endif %}
1313 {%- for item in result %}
1414 <li class="resource-list">
15 <div class="icon-column">
16 {%- if item['author'] %}
17 <img src="/static/icons/sugar-xo.png"/>
18 {%- endif %}
19 </div>
1520 <div class="summary-column">
1621 <div class="resource-title">
1722 <a href="/{{resource_type}}/{{item['guid']}}"
3232 <span class="tag">{{tag}}</span>
3333 {%- endfor %}
3434 </div>
35 <!--div class="meta-column">
36 <div>
37 {{_('followers')}}
38 </div>
39 <div>
40 {{_('comments')}}
41 </div>
42 <div>
43 {{_('solutions')}}
44 </div>
45 </div-->
3546 </div>
36 <div class="icon-column">
37 {%- if item['author'] %}
38 <img src="/static/icons/sugar-xo.png"/>
39 {%- endif %}
40 </div>
4147 </li>
4248 {%- endfor %}
4349 {%- if not result %}
6262 </ul>
6363 {%- endfor %}
6464 </div>
65 </div>
66 <div id="mejorar-sistema">
67 <img onclick="location='/new/resource?cursor_offset={{context_offset}}'" class="toolbar-icon white-button" src="/static/icons/list-add.png" />
6568 </div>
6669 {%- endif %}
  
1616 <span class="tag">{{tag}}</span>
1717 {%- endfor %}
1818 </div>
19 <span class="comments-button"
20 id="comments-button-{{resource['guid']}}"
21 data-guid="{{resource['guid']}}">
22 <img src="/static/icons/comments.png" />
23 </span>
24 <img class="resource-throbber" id="throbber_{{resource['guid']}}" src="/static/images/throbber4.gif" />
25 <div class="comments" id="comments-{{resource['guid']}}"></div>
1926 </div>
2027 </div>
2128 <hr />
3434 {%- for item in result %}
3535 <li class="resource-list">
3636 <div class="solution-content-column">
37 <img class="watermark" src="/static/icons/dialog-ok.png"/>
3738 <div class="resource-content">
3839 {{item['content']}}
3940 </div>
6565 <input type="hidden" name="resource_type" value="{{resource_type}}" />
6666 <textarea id="textarea-solution" name="solution"></textarea>
6767 <br />
68 <input id="contribute-button" class="sugar-button" type="submit" value="{{_('contribute')}}" />
68 <input id="contribute-button" class="sugar-button" type="submit" value="{{_('contribute a solution')}}" />
6969 </form>
  
5151 <div id="resource-section">
5252 {% include inner_template or '_context-resource-list.html' %}
5353 </div>
54 <div id="mejorar-sistema" onclick="location='/new/resource?cursor_offset={{context_offset}}'">
55 <div>
56 <img class="toolbar-icon new-resource-button" src="/static/icons/list-add.png" />
57 </div>
58 </div>
5954 {%- endblock view %}
6055 {%- block script %}
6156 {{ super() }}
  
2424 {%- endfor %}
2525 </div>
2626 </div>
27 <div id='bottom-palette'>
28 <div id='nav-buttons'>
29 <a class="prev browse up pagination_button"></a>
30 <a class="next browse down pagination_button"></a>
31 </div>
32 </div>
3327 <script type="text/javascript">
3428 $(".question-button").click(function() {
3529 location='/resource/questions';
  
3333 </div>
3434 <div id="palette">
3535 <span id="tags-section">
36 <span id="back-button" onclick="history.back();">{{_('AtrĂ¡s')}}</span>
3637 {%- for tag in session.tags %}
3738 <span class="tag">{{tag}}</span>
3839 {%- endfor %}