闭社主体 forked from https://github.com/tootsuite/mastodon
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

136 lines
2.1 KiB

  1. body.rtl {
  2. direction: rtl;
  3. .column-link__icon, .column-header__icon {
  4. margin-right: 0;
  5. margin-left: 5px;
  6. }
  7. .character-counter__wrapper {
  8. margin-right: 0;
  9. margin-left: 16px;
  10. }
  11. .navigation-bar__profile {
  12. margin-left: 0;
  13. margin-right: 8px;
  14. }
  15. .search__input {
  16. padding-right: 10px;
  17. padding-left: 30px;
  18. }
  19. .search__icon .fa {
  20. right: auto;
  21. left: 10px;
  22. }
  23. .column-icon-clear {
  24. right: auto;
  25. left: 48px;
  26. }
  27. .column-icon {
  28. right: auto;
  29. left: 5px;
  30. }
  31. .setting-toggle {
  32. margin-left: 0;
  33. margin-right: 8px;
  34. }
  35. .status__avatar {
  36. left: auto;
  37. right: 10px;
  38. }
  39. .status {
  40. padding-left: 10px;
  41. padding-right: 68px;
  42. }
  43. .status__info .status__display-name {
  44. padding-left: 25px;
  45. padding-right: 0;
  46. }
  47. .column-back-button--slim-button {
  48. right: auto;
  49. left: 0;
  50. }
  51. .status__info-time {
  52. float: left;
  53. }
  54. .status__action-bar-button-wrapper {
  55. float: right;
  56. margin-right: 0;
  57. margin-left: 18px;
  58. }
  59. .status__action-bar-dropdown {
  60. float: right;
  61. }
  62. .privacy-dropdown__dropdown {
  63. left: auto;
  64. right: 0;
  65. }
  66. .dropdown--active .dropdown__content {
  67. text-align: right;
  68. }
  69. .dropdown--active .dropdown__content::before {
  70. left: auto;
  71. right: 8px;
  72. }
  73. .dropdown--active .dropdown__content > ul {
  74. left: auto;
  75. right: -10px;
  76. }
  77. .privacy-dropdown__option__icon {
  78. margin-left: 10px;
  79. margin-right: 0;
  80. }
  81. .detailed-status__display-avatar {
  82. margin-right: 0;
  83. margin-left: 10px;
  84. float: right;
  85. }
  86. .detailed-status__favorites, .detailed-status__reblogs {
  87. margin-left: 0;
  88. margin-right: 6px;
  89. }
  90. @media screen and (min-width: 1025px) {
  91. .column, .drawer {
  92. padding-left: 5px;
  93. padding-right: 5px;
  94. &:first-child {
  95. padding-left: 5px;
  96. padding-right: 10px;
  97. }
  98. &:last-child {
  99. padding-right: 0px;
  100. padding-left: 10px;
  101. }
  102. }
  103. .columns-area > div {
  104. .column, .drawer {
  105. padding-left: 5px;
  106. padding-right: 5px;
  107. }
  108. }
  109. }
  110. }