Commits

Saurabh Kathpalia  committed 77691e9

Improved UI of ticket items

  • Participants
  • Parent commits 5ed45d6

Comments (0)

Files changed (2)

File MoinMoin/static/css/stylus/ticket.styl

     dd
         width 80%
         margin-top 0.1em
-        input
-            width auto
     dt
         width 15%
         margin-top 0.1em
+
+fields = (effort difficulty severity priority)
+remove_display_radio()
+    ids = ()
+    for level in 1..5
+        for field in fields
+            id = '#f_meta_%s_%s' % (field level)
+            push(ids, unquote(id))
+    ids = join(', ', ids)
+
+{unquote(remove_display_radio())}
+    display none
+
+css_for_label()
+    ids = ()
+    for level in 1..5
+        for field in fields
+            id = '#f_meta_%s_%s + label.moin-inline-label' % (field level)
+            push(ids, unquote(id))
+    ids = join(', ', ids)
+
+{unquote(css_for_label())}
+    padding-left 25px
+    padding-right 10px
+    height 20px
+    display inline-block
+    line-height 20px
+    background-repeat no-repeat
+    background-position 0 0
+    font-size 20px
+    vertical-align middle
+    cursor pointer
+
+css_for_checked_label()
+    ids = ()
+    for level in 1..5
+        for field in fields
+            id = '#f_meta_%s_%s:checked + label.moin-inline-label' % (field level)
+            push(ids, unquote(id))
+    ids = join(', ', ids)
+
+{unquote(css_for_checked_label())}
+    background-position 0 -20px
+
+label.moin-inline-label
+    background-image url('../img/radiobutton.png');
+
+#f_meta_tags, #f_meta_summary
+    -webkit-transition all 0.30s ease-in-out
+    -moz-transition all 0.30s ease-in-out
+    -ms-transition all 0.30s ease-in-out
+    -o-transition all 0.30s ease-in-out
+    outline none
+    width 200px
+    margin-top 20px
+    margin-bottom 20px
+    height 25px
+    padding 3px 0px 3px 3px
+    margin 5px 1px 3px 0px
+    border 1px solid #DDDDDD
+
+#f_meta_tags:focus, #f_meta_summary:focus
+    box-shadow 0 0 5px rgba(81, 203, 238, 1)
+    margin-top 20px
+    margin-bottom 20px
+    height 25px
+    padding 3px 0px 3px 3px
+    margin 5px 1px 3px 0px
+    border 1px solid rgba(81, 203, 238, 1)
+
+input[type=submit], #f_submit
+    margin-top 10px
+    margin-bottom 20px
+    width 150px
+    background-color #1b436d
+    height 40px
+    color #ffffff
+    border 2px solid
+
+select
+    display inline-block
+    margin-bottom 0
+    font-weight normal
+    text-align center
+    vertical-align middle
+    cursor pointer
+    border 1px solid
+    white-space nowrap
+    padding 6px 12px
+    font-size 14px
+    line-height 1.42857143
+    border-radius 4px
+    -webkit-user-select none

File MoinMoin/static/css/ticket.css

-#moin-ticket-form dd{width:80%;margin-top:.1em;}
-#moin-ticket-form dd input{width:auto}
+#moin-ticket-form dd{width:80%;margin-top:.1em}
 #moin-ticket-form dt{width:15%;margin-top:.1em}
+#f_meta_effort_1, #f_meta_difficulty_1, #f_meta_severity_1, #f_meta_priority_1, #f_meta_effort_2, #f_meta_difficulty_2, #f_meta_severity_2, #f_meta_priority_2, #f_meta_effort_3, #f_meta_difficulty_3, #f_meta_severity_3, #f_meta_priority_3, #f_meta_effort_4, #f_meta_difficulty_4, #f_meta_severity_4, #f_meta_priority_4, #f_meta_effort_5, #f_meta_difficulty_5, #f_meta_severity_5, #f_meta_priority_5{display:none}
+#f_meta_effort_1 + label.moin-inline-label, #f_meta_difficulty_1 + label.moin-inline-label, #f_meta_severity_1 + label.moin-inline-label, #f_meta_priority_1 + label.moin-inline-label, #f_meta_effort_2 + label.moin-inline-label, #f_meta_difficulty_2 + label.moin-inline-label, #f_meta_severity_2 + label.moin-inline-label, #f_meta_priority_2 + label.moin-inline-label, #f_meta_effort_3 + label.moin-inline-label, #f_meta_difficulty_3 + label.moin-inline-label, #f_meta_severity_3 + label.moin-inline-label, #f_meta_priority_3 + label.moin-inline-label, #f_meta_effort_4 + label.moin-inline-label, #f_meta_difficulty_4 + label.moin-inline-label, #f_meta_severity_4 + label.moin-inline-label, #f_meta_priority_4 + label.moin-inline-label, #f_meta_effort_5 + label.moin-inline-label, #f_meta_difficulty_5 + label.moin-inline-label, #f_meta_severity_5 + label.moin-inline-label, #f_meta_priority_5 + label.moin-inline-label{padding-left:25px;padding-right:10px;height:20px;display:inline-block;line-height:20px;background-repeat:no-repeat;background-position:0 0;font-size:20px;vertical-align:middle;cursor:pointer}
+#f_meta_effort_1:checked + label.moin-inline-label, #f_meta_difficulty_1:checked + label.moin-inline-label, #f_meta_severity_1:checked + label.moin-inline-label, #f_meta_priority_1:checked + label.moin-inline-label, #f_meta_effort_2:checked + label.moin-inline-label, #f_meta_difficulty_2:checked + label.moin-inline-label, #f_meta_severity_2:checked + label.moin-inline-label, #f_meta_priority_2:checked + label.moin-inline-label, #f_meta_effort_3:checked + label.moin-inline-label, #f_meta_difficulty_3:checked + label.moin-inline-label, #f_meta_severity_3:checked + label.moin-inline-label, #f_meta_priority_3:checked + label.moin-inline-label, #f_meta_effort_4:checked + label.moin-inline-label, #f_meta_difficulty_4:checked + label.moin-inline-label, #f_meta_severity_4:checked + label.moin-inline-label, #f_meta_priority_4:checked + label.moin-inline-label, #f_meta_effort_5:checked + label.moin-inline-label, #f_meta_difficulty_5:checked + label.moin-inline-label, #f_meta_severity_5:checked + label.moin-inline-label, #f_meta_priority_5:checked + label.moin-inline-label{background-position:0 -20px}
+label.moin-inline-label{background-image:url("../img/radiobutton.png")}
+#f_meta_tags,#f_meta_summary{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none;width:200px;margin-top:20px;margin-bottom:20px;height:25px;padding:3px 0 3px 3px;margin:5px 1px 3px 0;border:1px solid #ddd}
+#f_meta_tags:focus,#f_meta_summary:focus{box-shadow:0 0 5px #51cbee;margin-top:20px;margin-bottom:20px;height:25px;padding:3px 0 3px 3px;margin:5px 1px 3px 0;border:1px solid #51cbee}
+input[type=submit],#f_submit{margin-top:10px;margin-bottom:20px;width:150px;background-color:#1b436d;height:40px;color:#fff;border:2px solid}
+select{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none}