ホーム エクスプローラ ヘルプ
サインイン
vdd
/
nitter
同期ミラー https://github.com/zedeus/nitter
1
0
フォーク 0
ファイル 課題 0 Wiki
ソースを参照

sass cleanup

Zed 7 年 前
親
0c1b8b0190
コミット
a687188dd1
6 ファイル変更、23 行追加、29 行削除
分割表示 差分情報を表示
  1. 0 3
      src/sass/index.scss
  2. 14 16
      src/sass/navbar.scss
  3. 4 4
      src/sass/profile/_base.scss
  4. 0 1
      src/sass/tweet/thread.scss
  5. 4 4
      src/views/general.nim
  6. 1 1
      src/views/status.nim

+ 0 - 3
src/sass/index.scss
ファイルの表示 

@@ -68,9 +68,6 @@ ul.about-list {
 
 .container {
 
     display: flex;
 
     flex-wrap: wrap;
 
-}
 
-
 
-#content {
 
     box-sizing: border-box;
 
     padding-top: 50px;
 
     margin: auto;

+ 14 - 16
src/sass/navbar.scss
ファイルの表示 

@@ -1,27 +1,25 @@
 
 @import '_variables';
 
 
 nav {
 
-    z-index: 1000;
 
+    display: flex;
 
+    align-items: center;
 
+    position: fixed;
 
     background-color: $bg_overlays;
 
     box-shadow: 0 0 4px $shadow;
 
-}
 
-
 
-.nav-bar {
 
     padding: 0;
 
     width: 100%;
 
-    align-items: center;
 
-    position: fixed;
 
     height: 50px;
 
+    z-index: 1000;
 
+}
 
 
-    .inner-nav {
 
-        margin: auto;
 
-        box-sizing: border-box;
 
-        padding: 0 10px;
 
-        display: flex;
 
-        align-items: center;
 
-        flex-basis: 920px;
 
-        height: 50px;
 
-    }
 
+.inner-nav {
 
+    margin: auto;
 
+    box-sizing: border-box;
 
+    padding: 0 10px;
 
+    display: flex;
 
+    align-items: center;
 
+    flex-basis: 920px;
 
+    height: 50px;
 
 }
 
 
 .site-name {
 
@@ -39,7 +37,7 @@ nav {
 
     height: 35px;
 
 }
 
 
-.item {
 
+.nav-item {
 
     display: flex;
 
     flex: 1;
 
     line-height: 50px;

+ 4 - 4
src/sass/profile/_base.scss
ファイルの表示 

@@ -4,13 +4,13 @@
 
 @import 'card';
 
 @import 'photo-rail';
 
 
-.profile-timeline, .profile-tabs {
 
+.profile-tabs {
 
     @include panel(auto, 900px);
 
-}
 
 
-.profile-tabs {
 
-    > .timeline-tab {
 
+    .timeline-container {
 
+        float: right;
 
         width: 68% !important;
 
+        max-width: unset;
 
     }
 
 }

+ 0 - 1
src/sass/tweet/thread.scss
ファイルの表示 

@@ -3,7 +3,6 @@
 
 
 .conversation {
 
     @include panel(100%, 600px);
 
-    background-color: $bg_color !important;
 
 }
 
 
 .main-thread {

+ 4 - 4
src/views/general.nim
ファイルの表示 

@@ -6,14 +6,14 @@ import ../utils, ../types
 
 const doctype = "<!DOCTYPE html>\n"
 
 
 proc renderNavbar*(title, path, rss: string): VNode =
 
-  buildHtml(nav(id="nav", class="nav-bar container")):
 
+  buildHtml(nav):
 
     tdiv(class="inner-nav"):
 
-      tdiv(class="item"):
 
+      tdiv(class="nav-item"):
 
         a(class="site-name", href="/"): text title
 
 
       a(href="/"): img(class="site-logo", src="/logo.png")
 
 
-      tdiv(class="item right"):
 
+      tdiv(class="nav-item right"):
 
         if rss.len > 0:
 
           icon "rss", title="RSS Feed", href=rss
 
         icon "info-circled", title="About", href="/about"
 
@@ -55,7 +55,7 @@ proc renderMain*(body: VNode; prefs: Prefs; title="Nitter"; titleText=""; desc="
 
     body:
 
       renderNavbar(title, path, rss)
 
 
-      tdiv(id="content", class="container"):
 
+      tdiv(class="container"):
 
         body
 
 
   result = doctype & $node

+ 1 - 1
src/views/status.nim
ファイルの表示 

@@ -21,7 +21,7 @@ proc renderReplyThread(thread: Thread; prefs: Prefs; path: string): VNode =
 
 
 proc renderConversation*(conversation: Conversation; prefs: Prefs; path: string): VNode =
 
   let hasAfter = conversation.after != nil
 
-  buildHtml(tdiv(class="conversation", id="posts")):
 
+  buildHtml(tdiv(class="conversation")):
 
     tdiv(class="main-thread"):
 
       if conversation.before != nil:
 
         tdiv(class="before-tweet thread-line"):