Merge branch 'MDL-52936_master' of https://github.com/marxjohnson/moodle
[moodle.git] / theme / bootstrapbase / less / moodle / core.less
index 4d70219..1fde19d 100644 (file)
@@ -826,7 +826,7 @@ tr.flagged-tag a {
     vertical-align: middle;
     padding: 4px;
 }
-.tag-management-table span.inplaceeditable.inplaceeditingon input {
+.tag-management-table .inplaceeditable.inplaceeditingon input {
     width: 150px;
 }
 .path-tag .tag-relatedtags {
@@ -2452,19 +2452,58 @@ span.inplaceeditable.inplaceeditingon span.editinstructions {
     margin-left: -300px;
     margin-right: 0;
 }
-span.inplaceeditable .quickeditlink img {
-    opacity: 0.2;
-}
-span.inplaceeditable:hover .quickeditlink img,
-span.inplaceeditable .quickeditlink:focus img {
-    opacity: 1;
+
+.inplaceeditable {
+
+    &.inplaceeditingon {
+        position: relative;
+
+        .editinstructions {
+            margin-top: -30px;
+            font-weight: normal;
+            margin-right: -300px;
+            margin-left: 0;
+        }
+
+        input {
+            width: 330px;
+            height: 16px;
+            vertical-align: text-bottom;
+            margin-bottom: 0;
+        }
+
+        select {
+            margin-bottom: 0;
+        }
+    }
+
+    .quickediticon img {
+        opacity: 0.2;
+    }
+
+    .quickeditlink {
+        color: inherit;
+        text-decoration: inherit;
+    }
+
+    &:hover .quickeditlink .quickediticon img,
+    .quickeditlink:focus .quickediticon img {
+        opacity: 1;
+    }
+
+    &.inplaceeditable-toggle .quickediticon {
+        display: none;
+    }
 }
-span.inplaceeditable.inplaceeditingon input {
-    width: 330px;
-    height: 16px;
-    vertical-align: text-bottom;
-    margin-bottom: 0;
+
+.dir-rtl .inplaceeditable {
+    &.inplaceeditingon {
+        .editinstructions {
+            margin-left: -300px;
+            margin-right: 0;
+        }
+    }
 }
-h3.sectionname span.inplaceeditable.inplaceeditingon span.editinstructions {
+h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
     margin-top: -20px;
 }