]> cat aescling's git repositories - mastodon.git/commitdiff
Fix some SCSS for RTL behavior
authorThibaut Girka <thib@sitedethib.com>
Wed, 17 Jul 2019 15:55:09 +0000 (17:55 +0200)
committerThibG <thib@sitedethib.com>
Thu, 18 Jul 2019 18:56:20 +0000 (20:56 +0200)
app/javascript/flavours/glitch/styles/components/composer.scss
app/javascript/flavours/glitch/styles/components/status.scss
app/javascript/flavours/glitch/styles/rtl.scss

index 3eb5551c6ead1b03bd940f016526880774e3ed7f..1044b13c1233ac8c12c346f1c4bc83a3642ed80e 100644 (file)
 
   & > .side_arm {
     display: inline-block;
-    margin: 0 2px 0 0;
+    margin: 0 2px;
     padding: 0;
     width: 36px;
     text-align: center;
index 4ffbb2c21e0eb88e52e3ca285bab031d9c2b05e7..3c4d28368cc95810797b2ca27463ce6d1cc292d9 100644 (file)
 
 .status__relative-time {
   display: inline-block;
-  margin-left: auto;
-  padding-left: 18px;
-  width: 120px;
+  flex-grow: 1;
   color: $dark-text-color;
   font-size: 14px;
   text-align: right;
 }
 
 .status__display-name {
-  margin: 0 auto 0 0;
   color: $dark-text-color;
   overflow: hidden;
 }
 
 .status__info {
   display: flex;
+  justify-content: space-between;
   font-size: 15px;
 
   > span {
 }
 
 .status__info__icons {
-  margin-left: auto;
   display: flex;
   align-items: center;
   height: 1em;
   color: $action-button-color;
 
-  .status__media-icon {
-    padding-left: 6px;
-    padding-right: 1px;
-  }
-
-  .status__visibility-icon {
-    padding-left: 4px;
+  .status__media-icon,
+  .status__visibility-icon,
+  .status__reply-icon {
+    padding-left: 2px;
+    padding-right: 2px;
   }
 }
 
 .status__info__account {
   display: flex;
   align-items: center;
+  justify-content: flex-start;
 }
 
 .status-check-box {
index 350f86acfa42b5e962f04b23d782bd8d2b8504df..e4ef0133013cf693b0ca12eed39423011285c820 100644 (file)
@@ -28,6 +28,10 @@ body.rtl {
     margin-left: 4px;
   }
 
+  .composer--publisher {
+    text-align: left;
+  }
+
   .navigation-bar__profile {
     margin-left: 0;
     margin-right: 8px;
@@ -136,6 +140,7 @@ body.rtl {
   .status__relative-time,
   .activity-stream .status.light .status__header .status__meta {
     float: left;
+    text-align: left;
   }
 
   .status__action-bar {