MDL-66477 message: Use the generic drawer for the message drawer
[moodle.git] / theme / classic / style / moodle.css
index c62d803..a578438 100644 (file)
@@ -14911,33 +14911,21 @@ a.ygtvspacer:hover {
       visibility: visible;
       transition: right 0.25s; } }
 
+.drawer .message-app {
+  height: 100%; }
+  .drawer .message-app .icon-back-in-app {
+    display: none; }
+  .drawer .message-app .icon-back-in-drawer {
+    display: inherit; }
+
 .message-app {
   display: flex;
   flex-direction: column;
-  background-color: #eff1f3;
-  transition: all 0.2s ease-in-out; }
-  @media (prefers-reduced-motion: reduce) {
-    .message-app {
-      transition: none; } }
+  background-color: #eff1f3; }
   .message-app .icon-back-in-drawer {
     display: none; }
-  .message-app.drawer {
-    z-index: 1020;
-    position: fixed;
-    top: 50px;
-    right: 0;
-    height: calc(100% - 50px);
-    width: 320px;
-    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08); }
-    .message-app.drawer .icon-back-in-app {
-      display: none; }
-    .message-app.drawer .icon-back-in-drawer {
-      display: inherit; }
   .message-app.main {
     min-height: 400px; }
-  .message-app.hidden {
-    display: block;
-    right: -320px; }
   .message-app .header-container {
     flex-shrink: 0; }
   .message-app .body-container {