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,6 +93,7 @@ font-size:
93 } 93 }
94 94
95 .radioButton, 95 .radioButton,
  96 +.radioButton:hover,
96 #next-button, 97 #next-button,
97 #restart-button, 98 #restart-button,
98 #continue-button, 99 #continue-button,
@@ -113,29 +114,44 @@ z-index: 2; @@ -113,29 +114,44 @@ z-index: 2;
113 cursor: pointer; 114 cursor: pointer;
114 } 115 }
115 116
  117 +.radioButton:hover { height: 20px; }
  118 +
116 #continue-button { 119 #continue-button {
117 float: right; 120 float: right;
118 } 121 }
119 122
120 -.radioButton:hover,  
121 #next-button:hover, 123 #next-button:hover,
122 #controls-form input:hover { 124 #controls-form input:hover {
123 background: white; 125 background: white;
124 } 126 }
125 127
126 .radioButton { 128 .radioButton {
  129 +border: 1px solid white;
  130 +box-shadow: 0 1px 4px white inset;
127 text-align: left; 131 text-align: left;
128 vertical-align: middle; 132 vertical-align: middle;
129 -cursor: normal;  
130 width: 150px; 133 width: 150px;
131 height: 20px; 134 height: 20px;
132 margin-bottom: 10px; 135 margin-bottom: 10px;
133 float: left; 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 #panel-controls { 147 #panel-controls {
137 position: relative; 148 position: relative;
138 width: 180px; 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 float: right; 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,15 +66,10 @@ $for pkg in pkg_details:
66 <h1 id="title_pkg">$pkg['package'] <br /> 66 <h1 id="title_pkg">$pkg['package'] <br />
67 <span>$pkg['description']</span></h1> 67 <span>$pkg['description']</span></h1>
68 </p> 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 <img src="/static/images/yes-enb.JPG" alt="Yes, Good" style="float: right;"> 73 <img src="/static/images/yes-enb.JPG" alt="Yes, Good" style="float: right;">
79 <input class="radio" type="radio" name="evaluation-$pkg_details.index(pkg)" value="good" /> 74 <input class="radio" type="radio" name="evaluation-$pkg_details.index(pkg)" value="good" />
80 Yes 75 Yes
@@ -82,14 +77,23 @@ $for pkg in pkg_details: @@ -82,14 +77,23 @@ $for pkg in pkg_details:
82 <p>Good $pkg['package'] FIXME </p> 77 <p>Good $pkg['package'] FIXME </p>
83 </div>--> 78 </div>-->
84 </label><br /> 79 </label><br />
85 - <label class="glass radioButton"> 80 + <label class="radioButton">
86 <img src="/static/images/no-dis.JPG" alt="Poor" style="float: right;"> 81 <img src="/static/images/no-dis.JPG" alt="Poor" style="float: right;">
87 <input class="radio" type="radio" name="evaluation-$pkg_details.index(pkg)" value="poor" /> 82 <input class="radio" type="radio" name="evaluation-$pkg_details.index(pkg)" value="poor" />
88 No 83 No
89 <!--<div class="tip tip"> 84 <!--<div class="tip tip">
90 <p>Poor $pkg['package'] FIXME </p> 85 <p>Poor $pkg['package'] FIXME </p>
91 </div>--> 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 </label> 95 </label>
  96 + </fieldset>
93 <br style="clear: both;" /> 97 <br style="clear: both;" />
94 </div><!-- #panel-controls --> 98 </div><!-- #panel-controls -->
95 <div class="content-pkg"> 99 <div class="content-pkg">