Merge pull request #1898 from consul/clean-css

Clean CSS

app/assets/javascripts/documentable.js.coffee

@@ -6,7 +6,7 @@ App.Documentable =
 
   initializeDirectUploads: ->
 
-    $('input.document_ajax_attachment[type=file]').fileupload
+    $('input.js-document-attachment[type=file]').fileupload
 
       paramName: "document[attachment]"
 
@@ -38,7 +38,7 @@ App.Documentable =
         return
 
   initializeInterface: ->
-    input_files = $('input.document_ajax_attachment[type=file]')
+    input_files = $('input.js-document-attachment[type=file]')
 
     $.each input_files, (index, file) ->
       wrapper = $(file).parent()

app/assets/stylesheets/community.scss

@@ -1,5 +1,6 @@
 .communities-show {
-  .button.disabled, .button[disabled] {
+  .button.disabled,
+  .button[disabled] {
     pointer-events: none;
   }
 

app/assets/stylesheets/datepicker_overrides.scss

@@ -46,16 +46,16 @@
     width: rem-calc(30);
 
     &:hover {
-        text-decoration: none;
+      text-decoration: none;
     }
   }
 
   .ui-datepicker-prev::after {
-      content: '\62';
+    content: '\62';
   }
 
   .ui-datepicker-next::after {
-      content: '\63';
+    content: '\63';
   }
 
   table {

app/assets/stylesheets/documentable.scss

@@ -3,18 +3,22 @@
 }
 
 .document-form {
+
   .document .file-name {
     margin-top: 0;
   }
+
   .progress-bar-placeholder {
     margin-bottom: 15px;
   }
+
   .document .loading-bar.errors {
     margin-top: $line-height * 2;
   }
 }
 
 .document {
+
   .button {
     font-weight: normal;
   }
@@ -24,7 +28,7 @@
     background-color: $light-gray;
   }
 
-  input.document_ajax_attachment[type=file]{
+  .js-document-attachment {
     display: none;
   }
 

app/assets/stylesheets/layout.scss

@@ -312,10 +312,6 @@ a {
   }
 }
 
-.no-max-width {
-  max-width: none;
-}
-
 .button.float-right ~ .button.float-right {
   margin: 0 $line-height / 2;
 }

app/assets/stylesheets/participation.scss

@@ -251,7 +251,7 @@
 .spending-proposal-form,
 .document-form,
 .topic-new,
-.topic-form  {
+.topic-form {
 
   .icon-debates,
   .icon-proposals,
@@ -769,7 +769,7 @@
   display: none;
 }
 
-.document-form{
+.document-form {
   max-width: 75rem;
   margin-left: auto;
   margin-right: auto;

app/helpers/documents_helper.rb

@@ -54,7 +54,7 @@ module DocumentsHelper
   def render_attachment(document, index)
     html = file_field_tag :attachment,
                           accept: accepted_content_types_extensions(document.documentable_type.constantize),
-                          class: 'document_ajax_attachment',
+                          class: 'js-document-attachment',
                           data: {
                             url: document_direct_upload_url(document),
                             cached_attachment_input_field: document_nested_field_id(document, index, :cached_attachment),

app/views/documents/_plain_fields.html.erb

@@ -13,7 +13,7 @@
     <%= file_field_tag :attachment,
                      accept: accepted_content_types_extensions(document.documentable.class),
                      label: false,
-                     class: 'document_ajax_attachment',
+                     class: 'js-document-attachment',
                      data: {
                        url: upload_documents_url(documentable_type: document.documentable_type, documentable_id: document.documentable_id),
                        cached_attachment_input_field: "document_cached_attachment",

app/views/layouts/admin.html.erb

@@ -30,7 +30,7 @@
         <div class="off-canvas-content" data-off-canvas-content>
           <%= render 'layouts/admin_header' %>
 
-          <div class="no-margin-top row no-max-width collapse" data-equalizer>
+          <div class="no-margin-top row expanded collapse" data-equalizer>
             <div class="small-12 medium-3 column" data-equalizer-watch>
 
               <div class="show-for-small-only">

app/views/layouts/management.html.erb

@@ -45,7 +45,7 @@
       </div>
     </header>
 
-    <main class="no-margin-top row no-max-width collapse">
+    <main class="no-margin-top row expanded collapse">
       <div class="small-12 medium-3 column">
         <%= render "/management/menu" %>
       </div>