Move timestamps into message bubbles (#7417)

matrix-org · Dec 23, 2021 · fb74f9a · fb74f9a
1 parent 2430bd7
commit fb74f9a
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
@@ -20,7 +20,7 @@ limitations under the License.
     --gutterSize: 11px;
     --cornerRadius: 12px;
     --maxWidth: 70%;
-    margin-right: 100px;
+    margin-right: 60px;
 }
 
 .mx_EventTile[data-layout=bubble] {
@@ -113,10 +113,6 @@ limitations under the License.
         .mx_EventTile_line {
             float: right;
             border-bottom-left-radius: var(--cornerRadius);
-            > a {
-                left: auto;
-                right: -68px;
-            }
 
             .mx_MImageBody .mx_MImageBody_thumbnail {
                 border-bottom-left-radius: var(--cornerRadius);
@@ -161,11 +157,13 @@ limitations under the License.
         margin: 0 -12px 0 -9px;
         border-top-left-radius: var(--cornerRadius);
         border-top-right-radius: var(--cornerRadius);
+
         > a {
             position: absolute;
-            padding: 10px 20px;
-            top: 0;
-            left: -68px;
+            padding: 4px 8px;
+            bottom: 0;
+            right: 0;
+            z-index: 1; // above media
         }
 
         //noinspection CssReplaceWithShorthandSafely
@@ -185,6 +183,7 @@ limitations under the License.
 
     .mx_EventTile_line:not(.mx_EventTile_mediaLine) {
         padding: var(--gutterSize);
+        padding-right: 60px; // space for the timestamp
         background: var(--backgroundColor);
     }