Download as
Browse Code »

Commit ae99317dd40df0c38bb7ae94086ad181f134b9c6

Authored by Valessio Soares de Brito
1 parent 23fe5ddd
Exists in master and in 1 other branch add_vagrant

style button

Showing 2 changed files with 32 additions and 12 deletions   Show diff stats
src/web/static/css/survey.css
  Diff comments   View file @ae99317
... ... @@ -93,6 +93,7 @@ font-size:
93 93 }
94 94  
95 95 .radioButton,
  96 +.radioButton:hover,
96 97 #next-button,
97 98 #restart-button,
98 99 #continue-button,
... ... @@ -113,29 +114,44 @@ z-index: 2;
113 114 cursor: pointer;
114 115 }
115 116  
  117 +.radioButton:hover { height: 20px; }
  118 +
116 119 #continue-button {
117 120 float: right;
118 121 }
119 122  
120   -.radioButton:hover,
121 123 #next-button:hover,
122 124 #controls-form input:hover {
123 125 background: white;
124 126 }
125 127  
126 128 .radioButton {
  129 +border: 1px solid white;
  130 +box-shadow: 0 1px 4px white inset;
127 131 text-align: left;
128 132 vertical-align: middle;
129   -cursor: normal;
130 133 width: 150px;
131 134 height: 20px;
132 135 margin-bottom: 10px;
133 136 float: left;
  137 +font-size: 12px;
  138 +font-weight: 600;
  139 +line-height: 14px;
  140 +margin: 0;
  141 +margin-left: 10px;
  142 +padding: 5px;
  143 +z-index: 2;
  144 +cursor: pointer;
134 145 }
135 146  
136 147 #panel-controls {
137 148 position: relative;
138 149 width: 180px;
  150 +padding: 5px;
  151 +border-radius: 5px;
  152 +border: 1px solid #888a85;
  153 +box-shadow: 0 1px 4px gray inset;
  154 +background: white;
139 155 float: right;
140 156 }
141 157  
... ...
src/web/templates/survey.html
  Diff comments   View file @ae99317
... ... @@ -66,15 +66,10 @@ $for pkg in pkg_details:
66 66 <h1 id="title_pkg">$pkg['package'] <br />
67 67 <span>$pkg['description']</span></h1>
68 68 </p>
69   - <div id="panel-controls">
70   - <label class="glass radioButton">
71   - <input class="radio" type="radio" name="evaluation-$pkg_details.index(pkg)" value="surprising" />
72   - Pleasantly surprising
73   - <!--<div class="tip tip">
74   - <p>Pleasantly $pkg['package'] FIXME </p>
75   - </div>-->
76   - </label><br />
77   - <label class="glass radioButton">
  69 + <div id="panel-controls" class="glass">
  70 + <fieldset>
  71 + <legend>Do you consider this recommendation useful?</legend>
  72 + <label class="radioButton">
78 73 <img src="/static/images/yes-enb.JPG" alt="Yes, Good" style="float: right;">
79 74 <input class="radio" type="radio" name="evaluation-$pkg_details.index(pkg)" value="good" />
80 75 Yes
... ... @@ -82,14 +77,23 @@ $for pkg in pkg_details:
82 77 <p>Good $pkg['package'] FIXME </p>
83 78 </div>-->
84 79 </label><br />
85   - <label class="glass radioButton">
  80 + <label class="radioButton">
86 81 <img src="/static/images/no-dis.JPG" alt="Poor" style="float: right;">
87 82 <input class="radio" type="radio" name="evaluation-$pkg_details.index(pkg)" value="poor" />
88 83 No
89 84 <!--<div class="tip tip">
90 85 <p>Poor $pkg['package'] FIXME </p>
91 86 </div>-->
  87 + </label><br />
  88 + <legend>Was it surprising?</legend>
  89 + <label class="radioButton">
  90 + <input class="radio" type="radio" name="evaluation-$pkg_details.index(pkg)" value="surprising" />
  91 + Pleasantly surprising
  92 + <!--<div class="tip tip">
  93 + <p>Pleasantly $pkg['package'] FIXME </p>
  94 + </div>-->
92 95 </label>
  96 + </fieldset>
93 97 <br style="clear: both;" />
94 98 </div><!-- #panel-controls -->
95 99 <div class="content-pkg">
... ...