kallithea Changeset - ad2a922da0ba

Changeset - ad2a922da0ba

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

Mads Kiilerich - 9 years ago 2016-12-04 22:52:33
mads@kiilerich.com

style: temporary style tweaks before Bootstrap

Some input fields were truncated - especially if 100% width.

2 files changed with 28 insertions and 21 deletions:

kallithea/public/css/style.css

kallithea/templates/data_table/_dt_elements.html

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

@@ @@ -201,26 +201,25 @@ div.formatted-fixed { @@
 .bottom-left-rounded-corner-mid {
     border-bottom-left-radius: 4px;
+}
 .bottom-right-rounded-corner-mid {
     border-bottom-right-radius: 4px;
+}
 .help-block {
     color: #999999;
     display: block;
     margin-bottom: 0;
     margin-top: 5px;
     margin: 0 0 10px;
+}
 .empty_data {
     color: #B9B9B9;
+}
 .inline-comments-general.show-general-status .hidden.general-only {
     display: block !important;
+}
 /* Bootstrap compatible */
 .show {
@@ @@ -795,26 +794,26 @@ div.header img { @@
+}
 #content div.panel div.message-success h6 {
     color: #4e6100;
+}
 #content div.panel div.form div.fields div.field,
 #content div.panel div.form div.form-horizontal div.form-group {
     height: 1%;
     min-height: 12px;
     border-bottom: 1px solid #DDD;
     clear: both;
     margin: 0;
     padding: 10px 0;
     padding: 0;
     margin: 10px 0;
+}
 #content div.panel div.form div.fields div.field-first,
 #content div.panel div.form div.form-horizontal div.form-group-first {
     padding: 0 0 10px;
+}
 #content div.panel div.form div.fields div.field-noborder,
 #content div.panel div.form div.form-horizontal div.form-group-noborder {
     border-bottom: 0 !important;
+}
@@ @@ -848,55 +847,59 @@ div.header img { @@
     margin: 0;
     padding: 0px 0 0 0px;
+}
 #content div.panel div.form div.fields div.field > label,
 #content div.panel div.form div.form-horizontal div.form-group > label {
     color: #393939;
     font-weight: 700;
+}
 #content div.panel div.form div.fields div.field div.input,
 #content div.panel div.form div.form-horizontal div.form-group div.input {
-    margin: 0 0 0 200px;
+    margin: 0 20px 0 200px;
+}
 #content div.panel div.form div.fields div.field div.input.summary,
 #content div.panel div.form div.form-horizontal div.form-group div.input.summary {
     margin: 0 0 0 110px;
+}
 #content div.panel div.form div.fields div.field div.input.summary-short,
 #content div.panel div.form div.form-horizontal div.form-group div.input.summary-short {
     margin: 0 0 0 110px;
     margin: 10px 20px 10px 110px;
+}
 #content div.panel div.form div.form-horizontal div.form-group > div.summary-short input {
     margin: 0;
+}
 #content div.panel div.form div.fields div.field div.file,
 #content div.panel div.form div.form-horizontal div.form-group div.file {
-    margin: 0 0 0 200px;
+    margin: 0 20px 0 200px;
+}
 #content div.panel div.form div.fields div.field div.editor,
 #content div.panel div.form div.form-horizontal div.form-group div.editor {
-    margin: 0 0 0 200px;
+    margin: 0 10px 0 200px;
+}
 #content div.panel div.form div.fields div.field div.input input,
 #content div.panel div.form div.form-horizontal div.form-group > label > input,
 #content div.panel div.form div.form-horizontal div.form-group div.input input,
 .reviewer_ac input {
     background: #FFF;
     border-top: 1px solid #b3b3b3;
     border-left: 1px solid #b3b3b3;
     border-right: 1px solid #eaeaea;
     border-bottom: 1px solid #eaeaea;
     color: #000;
     font-size: 12px;
     margin: 0;
+    margin: 5px 0 10px;
     padding: 7px 7px 6px;
+}
 #content div.panel div.form div.fields div.field div.input input#clone_url,
 #content div.panel div.form div.form-horizontal div.form-group div.input input#clone_url,
 #content div.panel div.form div.fields div.field div.input input#clone_url_id
 #content div.panel div.form div.form-horizontal div.form-group div.input input#clone_url_id
+{
     font-size: 14px;
     padding: 0 2px;
+}
@@ @@ -909,26 +912,29 @@ div.header img { @@
     color: #000000;
     font-size: 12px;
     margin: 0;
     padding: 7px 7px 6px;
+}
 input[readonly],
 input.disabled {
     background-color: #F5F5F5 !important;
+}
 #content div.panel div.form div.fields div.field div.input input.form-control,
 #content div.panel div.form div.form-horizontal div.form-group > div select.form-control,
 #content div.panel div.form div.form-horizontal div.form-group > div div.form-control.select2-container,
 #content div.panel div.form div.form-horizontal div.form-group div.input input.form-control {
     width: 100%;
     margin: 5px 0 10px;
+}
 #content div.panel div.form div.fields div.field div.input input.date,
 #content div.panel div.form div.form-horizontal div.form-group div.input input.date {
     width: 177px;
+}
 #content div.panel div.form div.fields div.field div.input input.button,
 #content div.panel div.form div.form-horizontal div.form-group div.input input.button {
     background: #D4D0C8;
     border-top: 1px solid #FFF;
     border-left: 1px solid #FFF;
@@ @@ -936,25 +942,25 @@ input.disabled { @@
     border-bottom: 1px solid #404040;
     color: #000;
     margin: 0;
     padding: 4px 8px;
+}
 #content div.panel div.form div.fields div.field div.textarea,
 #content div.panel div.form div.form-horizontal div.form-group div.textarea {
     border-top: 1px solid #b3b3b3;
     border-left: 1px solid #b3b3b3;
     border-right: 1px solid #eaeaea;
     border-bottom: 1px solid #eaeaea;
-    margin: 0 0 0 200px;
+    margin: 0 20px 0 200px;
     padding: 7px 7px 6px;
+}
 #content div.panel div.form div.fields div.field div.textarea-editor,
 #content div.panel div.form div.form-horizontal div.form-group div.textarea-editor {
     border: 1px solid #ddd;
     padding: 0;
+}
 #content div.panel div.form div.fields div.field div.textarea textarea,
 #content div.panel div.form div.form-horizontal div.form-group div.textarea textarea {
     width: 100%;
@@ @@ -2960,25 +2966,24 @@ table#permissions_manage span.private_re @@
+}
 table#permissions_manage td.private_repo_msg {
     font-size: 0.8em;
+}
 table#permissions_manage tr#add_perm_input td {
     vertical-align: middle;
+}
 div.gravatar {
     background-color: #FFF;
     float: left;
     margin-right: 0.7em;
     padding: 1px 1px 1px 1px;
     line-height: 0;
     border-radius: 3px;
+}
 div.gravatar img {
     border-radius: 2px;
+}
 #header, #content, #footer {
     min-width: 978px;
@@ @@ -3314,59 +3319,59 @@ div#legend_data, div#legend_container, d @@
 #content div.panel div.form div.form-horizontal div.form-group div.select select,
 #content div.panel table th.selected input,
 #content div.panel table td.selected input {
     margin: 0;
+}
 #content div.panel div.form div.fields div.field div.select,
 #content div.panel div.form div.form-horizontal div.form-group div.select,
 #content div.panel div.form div.fields div.field div.checkboxes,
 #content div.panel div.form div.form-horizontal div.form-group div.checkboxes,
 #content div.panel div.form div.fields div.field div.radios,
 #content div.panel div.form div.form-horizontal div.form-group div.radios {
-    margin: 0 0 0 200px;
+    margin: 10px 20px 10px 200px;
     padding: 0;
+}
 #content div.panel div.form div.fields div.field div.select a:hover,
 #content div.panel div.form div.form-horizontal div.form-group div.select a:hover,
 #content div.panel div.form div.fields div.field div.select a.ui-selectmenu:hover,
 #content div.panel div.form div.form-horizontal div.form-group div.select a.ui-selectmenu:hover,
 #content div.panel div.action a:hover {
     color: #000;
     text-decoration: none;
+}
 #content div.panel div.form div.fields div.field div.select a.ui-selectmenu-focus,
 #content div.panel div.form div.form-horizontal div.form-group div.select a.ui-selectmenu-focus,
 #content div.panel div.action a.ui-selectmenu-focus {
     border: 1px solid #666;
+}
 #content div.panel div.form div.fields div.field div.checkboxes div.checkbox,
 #content div.panel div.form div.form-horizontal div.form-group div.checkboxes div.checkbox,
 #content div.panel div.form div.fields div.field div.radios div.radio,
 #content div.panel div.form div.form-horizontal div.form-group div.radios div.radio {
     clear: both;
     overflow: hidden;
     margin: 0;
     padding: 8px 0 2px;
     min-height: 12px;
     padding: 0;
     margin: 14px 0 10px;
+}
 #content div.panel div.form div.fields div.field div.checkboxes div.checkbox input,
 #content div.panel div.form div.form-horizontal div.form-group div.checkboxes div.checkbox input,
 #content div.panel div.form div.fields div.field div.radios div.radio input,
 #content div.panel div.form div.form-horizontal div.form-group div.radios div.radio input {
     float: left;
-    margin: 0;
+    margin: -4px 5px 0px 0px;
+}
 #content div.panel div.form div.fields div.field div.checkboxes div.checkbox label,
 #content div.panel div.form div.form-horizontal div.form-group div.checkboxes div.checkbox label,
 #content div.panel div.form div.fields div.field div.radios div.radio label,
 #content div.panel div.form div.form-horizontal div.form-group div.radios div.radio label {
     height: 1%;
     display: block;
     float: left;
     margin: 2px 0 0 4px;
+}
@@ @@ -3384,25 +3389,25 @@ div.form div.form-horizontal div.buttons @@
 div.form div.fields div.field div.highlight,
 div.form div.form-horizontal div.form-group div.highlight,
 #content div.panel div.form div.fields div.buttons div.highlight,
 #content div.panel div.form div.form-horizontal div.buttons div.highlight {
     display: inline;
+}
 #content div.panel div.form div.fields div.buttons,
 #content div.panel div.form div.form-horizontal div.buttons,
 div.form div.fields div.buttons,
 div.form div.form-horizontal div.buttons {
-    margin: 10px 0 0 200px;
+    margin: 10px 10px 0 200px;
     padding: 0;
+}
 #content div.panel table td.user,
 #content div.panel table td.address {
     width: 10%;
     text-align: center;
+}
 #content div.panel div.action div.button,
 #login div.form div.form-horizontal div.form-group div.input div.link,
 #register div.form div.fields div.field div.input div.link,
@@ @@ -4560,12 +4565,16 @@ body table.dataTable thead .sorting_desc @@
 .dataTables_wrapper .dataTables_paginate {
   padding-top: 0;
+}
 .dataTables_wrapper .dataTables_paginate > a.paginate_button {
   padding-top: 1em;
   border: 0 !important;
+}
 .text-muted {
     color: #777777;
+}
 .grid_edit a {
     text-decoration: none;
+}

kallithea/templates/data_table/_dt_elements.html

➞

Show inline comments

@@ @@ -154,42 +154,40 @@ @@
  <div style="float:left" class="grid_delete">
   ${h.form(h.url('delete_user', id=user_id))}
     <i class="icon-minus-circled" style="color:#FF4444"></i>
     ${h.submit('remove_',_('Delete'),id="remove_user_%s" % user_id, class_="btn btn-default btn-xs",
     onclick="return confirm('"+_('Confirm to delete this user: %s') % username+"');")}
   ${h.end_form()}
  </div>
 </%def>
 <%def name="user_group_actions(user_group_id, user_group_name)">
  <div style="float:left" class="grid_edit">
     <a href="${h.url('edit_users_group', id=user_group_id)}" title="${_('Edit')}">
     <i class="icon-pencil"></i>
      ${h.submit('edit_%s' % user_group_name,_('Edit'),class_="btn btn-default btn-xs", id_="submit_user_group_edit")}
     <i class="icon-pencil"></i> ${h.submit('edit_%s' % user_group_name,_('Edit'),class_="btn btn-default btn-xs", id_="submit_user_group_edit")}
     </a>
  </div>
  <div style="float:left" class="grid_delete">
     ${h.form(h.url('delete_users_group', id=user_group_id))}
       <i class="icon-minus-circled" style="color:#FF4444"></i>
       ${h.submit('remove_',_('Delete'),id="remove_group_%s" % user_group_id, class_="btn btn-default btn-xs",
       onclick="return confirm('"+_('Confirm to delete this user group: %s') % user_group_name+"');")}
     ${h.end_form()}
  </div>
 </%def>
 <%def name="repo_group_actions(repo_group_id, repo_group_name, gr_count)">
  <div style="float:left" class="grid_edit">
     <a href="${h.url('edit_repo_group',group_name=repo_group_name)}" title="${_('Edit')}">
     <i class="icon-pencil"></i>
      ${h.submit('edit_%s' % repo_group_name, _('Edit'),class_="btn btn-default btn-xs")}
     <i class="icon-pencil"></i> ${h.submit('edit_%s' % repo_group_name, _('Edit'),class_="btn btn-default btn-xs")}
     </a>
  </div>
  <div style="float:left" class="grid_delete">
     ${h.form(h.url('delete_repos_group', group_name=repo_group_name))}
         <i class="icon-minus-circled" style="color:#FF4444"></i>
         ${h.submit('remove_%s' % repo_group_name,_('Delete'),class_="btn btn-default btn-xs",
         onclick="return confirm('"+ungettext('Confirm to delete this group: %s with %s repository','Confirm to delete this group: %s with %s repositories',gr_count) % (repo_group_name, gr_count)+"');")}
     ${h.end_form()}
  </div>
 </%def>
 <%def name="user_name(user_id, username)">

0 comments (0 inline, 0 general)