Changeset 3463:65e8c8657d2d

Timestamp:

12/20/16 16:23:39 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Move tiny media action buttons to the top (right) → avoid overflow on media text links/controls

Location:

admin

Files:

• js/common.js (modified) (1 diff)
• style/default.css (modified) (3 diffs)
• style/scss/partials/_media.scss (modified) (3 diffs)

admin/js/common.js

@@ -564 +564 @@
           $(this).append('<button class="close-notice" type="button"><img src="images/close.png" alt="'+dotclear.msg.close_notice+'" /></button>');
      });
-     $('button.close-notice').click(function (e) {
+     $('button.close-notice').click(function(e) {
           e.preventDefault();
           $(this).parent().hide();

admin/style/default.css

@@ -2484 +2484 @@
     padding: 0; }
   .media-item audio {
-    width: 90%;
+    width: 100%;
     margin-top: .5em; }
 
@@ -2514 +2514 @@
   display: block;
   position: absolute;
-  bottom: 4px;
+  top: 4px;
   right: 8px;
   height: 16px; }
@@ -2531 +2531 @@
   padding: 4px;
   margin: .33em 0; }
-
-#entry-sidebar li.media-action {
-  top: 4px; }
 
 .folders-group .media-item {

admin/style/scss/partials/_media.scss

@@ -35 +35 @@
      }
      audio {
-          width: 90%;
+          width: 100%;
           margin-top: .5em;
      }
@@ -73 +73 @@
      display: block;
      position: absolute;
-     bottom: 4px;
+     top: 4px;
      right: 8px;
      height: 16px;
@@ -95 +95 @@
      padding: 4px;
      margin: .33em 0;
-}
-
-#entry-sidebar li.media-action {
-     top: 4px;
 }