about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorLynx Kotoura <admin@sanin.link>2017-10-05 05:49:36 +0900
committerEugen Rochko <eugen@zeonfederated.com>2017-10-04 22:49:36 +0200
commit32e8a87830f2b054f2a32ded4c41d91003503d14 (patch)
treeac1c70aa7df685000c1f817b9dfc814ee94ed0fc /app/javascript/styles
parent636acb57121e8f77eafea5b5607343729574d7ec (diff)
adjust public profile pages 2 (#5223)
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/accounts.scss17
-rw-r--r--app/javascript/styles/forms.scss1
2 files changed, 9 insertions, 9 deletions
diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss
index 744650554..30adf8cdc 100644
--- a/app/javascript/styles/accounts.scss
+++ b/app/javascript/styles/accounts.scss
@@ -69,12 +69,16 @@
     position: relative;
     z-index: 2;
     margin-bottom: 30px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 
     small {
       display: block;
       font-size: 14px;
       color: $ui-highlight-color;
       font-weight: 400;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }
 
@@ -284,21 +288,15 @@
     color: lighten($ui-base-color, 10%);
   }
 
-  @media screen and (max-width: 360px) {
+  @media screen and (max-width: 700px) {
     padding: 30px 20px;
 
-    a,
-    .current,
-    .next,
-    .prev,
-    .gap {
+    .page {
       display: none;
     }
 
     .next,
-    .prev,
-    .next a,
-    .prev a {
+    .prev {
       display: inline-block;
     }
   }
@@ -375,6 +373,7 @@
         height: 80px;
         border-radius: 80px;
         border: 2px solid $simple-background-color;
+        background: $simple-background-color;
       }
     }
 
diff --git a/app/javascript/styles/forms.scss b/app/javascript/styles/forms.scss
index d241c9d26..61fcf286f 100644
--- a/app/javascript/styles/forms.scss
+++ b/app/javascript/styles/forms.scss
@@ -515,6 +515,7 @@ code {
 
 .action-pagination {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
 
   .actions,