theme fixes; fix qcomment (finally)

Signed-off-by: Simon L'nu <simon.lnu@gmail.com>

diff --git a/view/theme/dispy-dark/comment_item.tpl b/view/theme/dispy-dark/comment_item.tpl
index 85176732b7e3baf8fd1a0a6cb094962a2d06b175..adf2772af060b67c92574685057387ebf2d4a111 100644 (file)
--- a/view/theme/dispy-dark/comment_item.tpl
+++ b/view/theme/dispy-dark/comment_item.tpl
@@ -12,14 +12,15 @@
                                </div>
                                <div class="comment-edit-photo-end"></div>
                                <textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
-
                                {{ if $qcomment }}
-                <ul class="qcomment-wrapper">
-                               {{ for $qcomment as $qc }}                              
-                                       <li class="fakelink qcomment"
-                    onclick="commentInsert(this,$id); return false;">$qc</li>
+                <div class="qcomment-wrapper">
+                                       <select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);">
+                                       <option value=""></option>
+                               {{ for $qcomment as $qc }}
+                                       <option value="$qc">$qc</option>
                                {{ endfor }}
-                </ul>
+                                       </select>
+                               </div>
                                {{ endif }}
 
                                <div class="comment-edit-text-end"></div>

diff --git a/view/theme/dispy-dark/style.css b/view/theme/dispy-dark/style.css
index 5dc0776e032fed5a9e59c8670e8ce82db7286898..f5788ef82dc41a91dccb4a63f48b9f49d4a1d0a8 100644 (file)
--- a/view/theme/dispy-dark/style.css
+++ b/view/theme/dispy-dark/style.css
@@ -54,10 +54,14 @@ select {
        border: 1px #555 dotted;
        padding: 3px;
        margin: 2px;
+       color: #eec;
+       background: #2e2f2e;
 }
 option {
        padding: 3px;
        vertical-align: middle;
+       color: #eec;
+       background: #2e2f2e;
 }
 li {
        padding: 0 0 0 2px;
@@ -211,39 +215,51 @@ input[type=submit] {
 /**
  *     login
  */
+aside .field {
+       overflow: hidden;
+       width: 200px;
+}
 #login-extra-links {
-    overflow: auto;
-    padding-top: 140px !important;
-    width: 100%;
+    overflow: auto !important;
+    padding-top: 60px !important;
+    width: 100% !important;
 }
 #login-extra-links a {
     margin-right: 20px;
 }
 #login_standard {
-    display: block;
-    float: none;
-    height: 100px;
-    position: absolute;
-       width: 100%;
+    display: block !important;
+    float: none !important;
+    height: 100% !important;
+    position: relative !important;
+       width: 100% !important;
 }
 #login_standard .field label {
-       width: 200px;
+       width: 200px !important;
 }
 #login_standard input, #login_standard input[type="text"] {
-       margin: 0 0 8px;
-    width: 210px;
+       margin: 0 0 8px !important;
+    width: 210px !important;
 }
 #login-submit-wrapper {
-       margin: 0;
+       margin: 0 !important;
 }
 #login-submit-button {
     margin-left: 0px !important;
 }
+aside #login_openid {
+       position: relative !important;
+       float: none !important;
+       margin-left: 0px !important;
+       height: auto !important;
+       width: 200px !important;
+}
 #login_openid #id_openid_url {
-       width: 200px;
+       width: 180px !important;
+       overflow: hidden !important;
 }
 #login_openid label {
-       width: 208px;
+       width: 180px !important;
 }
 
 
@@ -525,7 +541,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
        width: 10em;
        color: #eec;
 }
-nav #user-menu {
+#user-menu {
     display: block;    
     width: 75%;
     margin: 3px 0 0 0;
@@ -538,8 +554,12 @@ nav #user-menu {
     clear: both;
        top: 4px;
        left: 10px;
+       padding: 2px;
+}
+#user-menu > a {
+       vertical-align: top;
 }
-nav #user-menu-label {
+#user-menu-label {
        font-size: 12px;
     padding: 3px 20px 9px 5px;
     height: 10px;

diff --git a/view/theme/dispy/comment_item.tpl b/view/theme/dispy/comment_item.tpl
index 85176732b7e3baf8fd1a0a6cb094962a2d06b175..adf2772af060b67c92574685057387ebf2d4a111 100644 (file)
--- a/view/theme/dispy/comment_item.tpl
+++ b/view/theme/dispy/comment_item.tpl
@@ -12,14 +12,15 @@
                                </div>
                                <div class="comment-edit-photo-end"></div>
                                <textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
-
                                {{ if $qcomment }}
-                <ul class="qcomment-wrapper">
-                               {{ for $qcomment as $qc }}                              
-                                       <li class="fakelink qcomment"
-                    onclick="commentInsert(this,$id); return false;">$qc</li>
+                <div class="qcomment-wrapper">
+                                       <select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);">
+                                       <option value=""></option>
+                               {{ for $qcomment as $qc }}
+                                       <option value="$qc">$qc</option>
                                {{ endfor }}
-                </ul>
+                                       </select>
+                               </div>
                                {{ endif }}
 
                                <div class="comment-edit-text-end"></div>

diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index 1d6bba738d64ba08b4dfc7e9fa997b59b2ddce60..fdcceab0c969e552c8e9b73b97278358ba77f7a2 100644 (file)
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -54,10 +54,14 @@ select {
        border: 1px #555 dotted;
        padding: 3px;
        margin: 2px;
+       color: #222;
+       background: #efefef;
 }
 option {
        padding: 3px;
        vertical-align: middle;
+       color: #222;
+       background: #efefef;
 }
 li {
        padding: 0 0 0 2px;
@@ -211,39 +215,51 @@ input[type=submit] {
 /**
  *     login
  */
+aside .field {
+       overflow: hidden;
+       width: 200px;
+}
 #login-extra-links {
-    overflow: auto;
-    padding-top: 140px !important;
-    width: 100%;
+    overflow: auto !important;
+    padding-top: 60px !important;
+    width: 100% !important;
 }
 #login-extra-links a {
     margin-right: 20px;
 }
 #login_standard {
-    display: block;
-    float: none;
-    height: 100px;
-    position: absolute;
-       width: 100%;
+    display: block !important;
+    float: none !important;
+    height: 100% !important;
+    position: relative !important;
+       width: 100% !important;
 }
 #login_standard .field label {
-       width: 200px;
+       width: 200px !important;
 }
 #login_standard input, #login_standard input[type="text"] {
-       margin: 0 0 8px;
-    width: 210px;
+       margin: 0 0 8px !important;
+    width: 210px !important;
 }
 #login-submit-wrapper {
-       margin: 0;
+       margin: 0 !important;
 }
 #login-submit-button {
     margin-left: 0px !important;
 }
+aside #login_openid {
+       position: relative !important;
+       float: none !important;
+       margin-left: 0px !important;
+       height: auto !important;
+       width: 200px !important;
+}
 #login_openid #id_openid_url {
-       width: 200px;
+       width: 180px !important;
+       overflow: hidden !important;
 }
 #login_openid label {
-       width: 208px;
+       width: 180px !important;
 }
 
 
@@ -525,7 +541,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
        width: 10em;
        color: #eec;
 }
-nav #user-menu {
+#user-menu {
     display: block;    
     width: 75%;
     margin: 3px 0 0 0;
@@ -538,8 +554,12 @@ nav #user-menu {
     clear: both;
        top: 4px;
        left: 10px;
+       padding: 2px;
+}
+#user-menu > a {
+       vertical-align: top;
 }
-nav #user-menu-label {
+#user-menu-label {
        font-size: 12px;
     padding: 3px 20px 9px 5px;
     height: 10px;