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

@@ @@ -207,14 +207,13 @@ div.formatted-fixed { @@
     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;
+}
@@ @@ -801,14 +800,14 @@ div.header img { @@
 #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;
+}
@@ @@ -854,43 +853,47 @@ div.header img { @@
     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
@@ @@ -915,14 +918,17 @@ div.header img { @@
 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;
+}
@@ @@ -942,13 +948,13 @@ input.disabled { @@
 #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;
@@ @@ -2966,13 +2972,12 @@ table#permissions_manage td.private_repo @@
 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;
+}
@@ @@ -3320,13 +3325,13 @@ div#legend_data, div#legend_container, d @@
 #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,
@@ @@ -3344,23 +3349,23 @@ div#legend_data, div#legend_container, d @@
 #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 {
@@ @@ -3390,13 +3395,13 @@ div.form div.form-horizontal div.form-gr @@
+}
 #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%;
@@ @@ -4566,6 +4571,10 @@ body table.dataTable thead .sorting_desc @@
   border: 0 !important;
+}
 .text-muted {
     color: #777777;
+}
 .grid_edit a {
     text-decoration: none;
+}

kallithea/templates/data_table/_dt_elements.html

➞

Show inline comments

@@ @@ -160,14 +160,13 @@ @@
  </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",
@@ @@ -176,14 +175,13 @@ @@
  </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",

0 comments (0 inline, 0 general)