Melange Surveys: Survey taking and editing JS, additions to CSS.

app/soc/content/css/soc-090602.css

 /*
 Copyright 2009 the Melange authors.
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
 
   http://www.apache.org/licenses/LICENSE-2.0
 
 Unless required by applicable law or agreed to in writing, software
@@ skipping 627 matching lines @@
 }
 
 .plaintext {
   background:transparent none repeat scroll 0 0;
   border:0 none;
   color:black;
 }
 
 /* Surveys */
 
 

[Mario Ferraro, 2009/06/23 23:42:36]

From here to line 671 it lacks indentation

[ajaksu, 2009/06/25 06:31:03]

Done.

 div #survey_widget {
-margin: 20px;
--moz-border-radius: 5px;
--webkit-border-radius: 5px;
-background-color: #FFFEEB;
-border: 5px solid #F7CA75;
-padding: 15px;
-width:600px;
-}
+  margin: 20px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  background-color: #FFFEEB;
+  border: 5px solid #F7CA75;
+  padding: 15px;
+  /*max-width: 700px;*/
+  float: left;
+}
+
 
 div #survey_widget.survey_admin {
-/*margin-left:-100px;*/

[Mario Ferraro, 2009/06/23 23:42:36]

Is this still necessary?

[ajaksu, 2009/06/25 06:31:03]

Don't think so :)

Removed.

+/* TODO(ajaksu) remove if unnecessary */
 }
 
 div #survey_widget tr {
-float:left;
-clear:both;
-}
-
-div #survey_widget th, div #survey_widget td {

[Mario Ferraro, 2009/06/23 23:42:36]

Never thought about it, but I think the style you have in lines 687 for multiple
selectors in multiple lines it's a good idea, should be adopted by us.. so go
for it :)

[ajaksu, 2009/06/25 06:31:03]

But remember to indent! Fixed indentation.

-padding-top:15px;
+  float: left;
+  clear: both;
+}
+
+div #survey_widget th,
+div #survey_widget td {
+  padding-top: 15px;
 }
 
 /* fields */
 
 div #survey_widget textarea {
   padding: 10px;
-  width:300px;
-}
-
-div #survey_widget input .text_question {
-width:320px;

[Mario Ferraro, 2009/06/23 23:42:36]

Indentation

[ajaksu, 2009/06/25 06:31:03]

Done.

-}
-
-div #survey_widget  td.formfieldlabel {

[Mario Ferraro, 2009/06/23 23:42:36]

It seems there are two spaces between widget and td

[ajaksu, 2009/06/25 06:31:03]

Done.

-font-size:medium;

[Mario Ferraro, 2009/06/23 23:42:36]

Indentation

[ajaksu, 2009/06/25 06:31:03]

Done.

+  width: 300px;
+}
+
+div #survey_widget input.text_question {
+  width: 320px;
+}
+
+div #survey_widget td.formfieldlabel {
+  font-size: medium;
 }
 
 #survey_widget.view input[disabled="disabled"],
 #survey_widget.view textarea[disabled="disabled"],
 #survey_widget.view select[disabled="disabled"],
 #survey_widget.view option {
   color: black;
 }
 
-
-#survey_widget .quant_radio input, #survey_widget .quant_radio label {

[Mario Ferraro, 2009/06/23 23:42:36]

See style in line 687

[ajaksu, 2009/06/25 06:31:03]

You mean removing the space before the dot? (goes back checking) Fixed and one
other above. Ah, one selector per line, done.

-  display: inline;
+#survey_widget.quant_radio input,
+#survey_widget.quant_radio label {
+  clear: left;
+  display: block;
+  float: left;
+  margin: 4px;
 }
 
 /* options */
 
 div #survey_options button {
   display: block;
   margin: 10px 0 0;
 }
 
 div #survey_options {
   margin: 20px 0 0 0;
 }
 
 div #survey_widget a.delete {
   margin: 0 7px;
 }
 
 div #survey_widget th label {
   display: block;
   max-width: 180px;
 }
 
-div #survey_widget tr.role-specific label{
-color:#666666;

[Mario Ferraro, 2009/06/23 23:42:36]

indentation

[ajaksu, 2009/06/25 06:31:03]

Done.

+div #survey_widget tr.role-specific label {
+  color: #666666;
 }
 
 
 span.formfieldlabel {
   font-weight: bold;
   font-size: small;
 }
 
-
-.sortable_li {border: solid 1px !important; padding:5px !important;}

[Mario Ferraro, 2009/06/23 23:42:36]

I suggest to put it in multiple lines

[ajaksu, 2009/06/25 06:31:03]

Done.

-
-
-.sortable_li, div #survey_widget fieldset{

[Mario Ferraro, 2009/06/23 23:42:36]

See style in line 687

[ajaksu, 2009/06/25 06:31:03]

Done.

--moz-border-radius: 5px;
--webkit-border-radius: 5px;

[Mario Ferraro, 2009/06/23 23:42:36]

Indentation

[ajaksu, 2009/06/25 06:31:03]

Done.

-}
-
-

[Mario Ferraro, 2009/06/23 23:42:36]

Fix new lines and indentation from here to line 744

[ajaksu, 2009/06/25 06:31:03]

Done.

-#dialog {font-size: 62.5%;}
-#dialog    label, input { display:block; }
-#dialog p{ text-align:center; padding-left: 0;}
-#dialog    input.text { margin-bottom:12px; width:95%; padding: .4em; }
-#dialog fieldset { padding:0; border:0; margin-top:25px; }
-#dialog    h1 { font-size: 1.2em; margin: .6em 0; }
-
-
-.ui-button {outline: 0; margin:0; padding: .4em 1em .5em;

[Mario Ferraro, 2009/06/23 23:42:36]

Change the whole class and put each statement line per line

[ajaksu, 2009/06/25 06:31:03]

Done line per line, can you explain the change the whole class part? :)

-            text-decoration:none; cursor:pointer; position: relative;
-            text-align: center;
-}
-.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }

[Mario Ferraro, 2009/06/23 23:42:36]

See style in line 687

[ajaksu, 2009/06/25 06:31:03]

Done.

+.sortable_li {
+  border: solid 1px !important;
+  padding: 5px !important;
+}
+
+.sortable_li,
+div #survey_widget fieldset {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+}
+
+div #survey_widget fieldset,
+div #survey_widget th,
+div #survey_widget td,
+div #survey_widget select {
+  max-width:700px;
+}
+
+#dialog {
+  font-size: 62.5%;
+}
+
+#dialog input {
+  margin: 5px;
+}
+
+#dialog label, #dialog input {
+  display: block;
+}
+
+#dialog p {
+  text-align: center;
+  padding-left: 0;
+}
+
+#dialog input.text {
+  margin-bottom: 12px;
+  width: 95%;
+  padding: .4em;
+}
+
+#dialog fieldset {
+  padding: 0;
+  border: 0;
+  margin-top: 25px;
+}
+
+#dialog h1 {
+  font-size: 1.2em;
+  margin: .6em 0;
+}
+
+.ui-button {
+  outline: 0;
+  margin: 0;
+  padding: .4em 1em .5em;
+  text-decoration: none;
+  cursor:pointer;
+  position: relative;
+  text-align: center;
+}
+
+.ui-dialog .ui-state-highlight,
+.ui-dialog .ui-state-error {
+  padding: .3em;
+}
 
 .pick_multi input {
   display: inline;
 }
 
 /* NEWS FEED FEEDS */
 .news_feed {
   border: 10px solid #e5ecf9;
   border-top: 1px solid #3366cc;
   float:left;
 }
 
 .news_feed .inner{
-padding:0 20px;

[Mario Ferraro, 2009/06/23 23:42:36]

Indentation

[ajaksu, 2009/06/25 06:31:03]

Done.

+  padding:0 20px;
 }
 
 .news_feed h2 {
   margin-top: 0.1em;
   background-color: #e5ecf9;
 }
 
 .news_feed h2 a {
   text-decoration: none;
   color: black;
 }
 
 .news_feed h2 a:visited {
   text-decoration: none;
   color: black;
 }
 
-

[Mario Ferraro, 2009/06/23 23:42:36]

Delete this line :)

[ajaksu, 2009/06/25 06:31:03]

Done.

 .news_feed .entry {
   margin:1em 0.3em;
 }
 
 .news_feed .title {
    font-size: medium;
 }
 
 .news_feed .time {
   color: gray;
   margin-bottom: 0.5em;
 }
 
 .news_feed .snippet {
   background-color: white;
 }
 
 a#feed_icon img{
-margin:-1px 0;

[Mario Ferraro, 2009/06/23 23:42:36]

Indentation

[ajaksu, 2009/06/25 06:31:03]

Done.

-}
+  margin:-1px 0;
+}