Просмотр исходного кода

feat(css): improve aside element position on smartphone

Frédéric Guillot 1 год назад
Родитель
Сommit
e74d875d95
1 измененных файлов с 10 добавлено и 0 удалено
  1. 10 0
      internal/ui/static/css/common.css

+ 10 - 0
internal/ui/static/css/common.css

@@ -1174,6 +1174,7 @@ article.category-has-unread {
 }
 
 .entry-content aside {
+    font-size: 0.9em;
     width: 30%;
     padding: 1ch;
     margin-left: 15px;
@@ -1182,6 +1183,15 @@ article.category-has-unread {
     border: dotted var(--entry-content-aside-border-color) 2px;
 }
 
+@media (max-width: 620px) {
+    .entry-content aside {
+        width: 100%;
+        margin-left: 0;
+        margin-top: 15px;
+        float: none;
+    }
+}
+
 details.entry-enclosures {
     margin-top: 25px;
 }