fix styles (#125)

* fix styles

* linting

Author: microstudi

app/packs/stylesheets/decidim/participatory_documents/pdf/tweaks.scss

@@ -1,15 +1,68 @@
 #toolbarViewerMiddle {
-  @apply pl-0 pr-0 absolute left-[50%];
+  @apply pl-0 pr-0 absolute left-[45%];
 
   @media (min-width: 940px) {
-    transform: translateX(-75%);
+    @apply -translate-x-[50%];
   }
 
   @media (max-width: 680px) {
-    padding-left: 1em;
+    @apply pr-4 left-auto right-0;
+  }
+
+  @media (max-width: 380px) {
+    @apply left-[45%] right-0 ml-[-25%];
+  }
+}
+
+#toolbarViewerLeft {
+  @media (max-width: 680px) {
+    @apply hidden;
+  }
+}
+
+#toolbarViewerRight {
+  @media (max-width: 380px) {
+    @apply hidden;
+  }
+}
+
+#scaleSelectContainer {
+  @apply my-[7px] mx-[5px];
+
+  #scaleSelect {
+    @apply bg-white border border-black;
+  }
+
+  @media (max-width: 940px) {
+    @apply hidden;
+  }
+
+  @media (min-width: 941px) {
+    @apply hidden;
+  }
+}
+
+.hiddenSmallView {
+  @media (max-width: 800px) {
+    @apply hidden;
+  }
+}
+
+.toolbarButtonSpacer {
+  @media (max-width: 980px) {
+    @apply w-0;
   }
 }
 
 .button.decidim-button {
   @apply outline-none focus:outline-none font-normal text-xs;
 }
+
+#exportSuggestionsTrigger,
+#fullscreenButton {
+  @media (max-width: 900px) {
+    span {
+      @apply hidden;
+    }
+  }
+}

app/views/decidim/participatory_documents/documents/_pdfjs_base.html.erb

@@ -145,17 +145,17 @@ See https://github.com/adobe-type-tools/cmap-resources
                 <% if defined?(display_save) && display_save == true %>
                   <button id="DecidimPDSaveButton" class="button button__primary button__xs mr-2 decidim-button" title="<%= t "save_changes", scope: "decidim.participatory_documents.document" %>">
                     <%= icon "save-line" %>
-                    <%= t "save_changes", scope: "decidim.participatory_documents.document" %>
+                    <span><%= t "save_changes", scope: "decidim.participatory_documents.document" %></span>
                   </button>
                 <% end %>
                 <% if defined?(display_suggestions) && display_suggestions == true %>
                   <button id="globalSuggestionTrigger" class="button button__secondary button__xs mr-2 decidim-button" title="<%= t "global_suggestions", scope: "decidim.participatory_documents.document" %>">
                     <%= icon("chat-1-line") %>
-                    <%= t "global_suggestions", scope: "decidim.participatory_documents.document" %>
+                    <span><%= t "global_suggestions", scope: "decidim.participatory_documents.document" %></span>
                   </button>
                   <button id="exportSuggestionsTrigger" class="button button__xs button__transparent-secondary decidim-button" title="<%= t "export_my_suggestions", scope: "decidim.participatory_documents.document" %>">
                     <%= icon("download-line") %>
-                    <%= t "export_my_suggestions", scope: "decidim.participatory_documents.document" %>
+                    <span><%= t "export_my_suggestions", scope: "decidim.participatory_documents.document" %></>
                   </button>
                 <% end %>
               </div>
@@ -299,8 +299,8 @@ See https://github.com/adobe-type-tools/cmap-resources
                 <button id="fullscreenButton" class="button button__xs button__text decidim-button" onclick="toggleFullscreen()"
                     data-fullscreen="<%= t("decidim.participatory_documents.suggestions.modal.full_screen") %>"
                     data-exit="<%= t("decidim.participatory_documents.suggestions.modal.exit_full_screen") %>">
-                    <%= icon "fullscreen-line" %>
-                  <%= t("decidim.participatory_documents.suggestions.modal.full_screen") %>
+                  <%= icon "fullscreen-line" %>
+                  <span><%= t("decidim.participatory_documents.suggestions.modal.full_screen") %></span>
                 </button>
 
                 <div id="secondaryToolbarToggle" class="toolbarButtonWithContainer">

lib/tasks/decidim_participatory_documents.rake

@@ -26,6 +26,7 @@ namespace :decidim_participatory_documents do
     public_dir = rails_app_path.join(destination_path, "pdfjs")
     temp_dir = Rails.root.join("tmp/pdfjs")
     FileUtils.mkdir_p(temp_dir)
+    FileUtils.rm_rf(public_dir) if File.exist?(public_dir)
     FileUtils.mkdir_p(public_dir)
     filename = File.basename(URI.parse(pdfjs_url).path)
     tmp_file = temp_dir.join(filename)