flewkey/tooty
1
0
Fork 0
Code Releases Activity

Scrollable timelines. (#75)

Browse Source
This commit is contained in:
Nicolas Perriault 2017-04-27 19:40:45 +02:00 committed by GitHub
parent 0ad2b59c32
commit 03bbda899c
2 changed files with 50 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
public/style.css
View File

@ -1,6 +1,50 @@
body {
font-family: Roboto, sans-serif;
padding-top: 10px;
padding: 10px 0 0 0;
overflow: hidden;
}
::-webkit-scrollbar {
width: 8px;
height: 8px
}
::-webkit-scrollbar-thumb {
background: #444;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
background: #777;
}
::-webkit-scrollbar-thumb:active {
background: #777;
}
::-webkit-scrollbar-track {
border: 0px none #ffffff;
border-radius: 0;
background: rgba(0,0,0,0.1);
}
::-webkit-scrollbar-track:hover {
background: #2a2e31;
}
::-webkit-scrollbar-track:active {
background: #2a2e31;
}
::-webkit-scrollbar-corner {
background: transparent;
}
.timeline {
overflow-y: auto;
overflow-x: hidden;
max-height: calc(100vh - 60px);
}
.status, .follow-profile {

9
src/View.elm
View File

@ -235,7 +235,7 @@ accountTimelineView account statuses label iconName =
, text <| toString account.followers_count
]
]
, ul [ class "list-group" ] <|
, ul [ class "list-group timeline" ] <|
List.map
(\s ->
li [ class "list-group-item status" ]
@ -329,7 +329,7 @@ timelineView label iconName context statuses =
[ icon iconName
, text label
]
, ul [ class "list-group" ] <|
, ul [ class "list-group timeline" ] <|
List.map (statusEntryView context "") statuses
]
]
@ -401,7 +401,7 @@ notificationListView notifications =
[ icon "bell"
, text "Notifications"
]
, ul [ class "list-group" ] <|
, ul [ class "list-group timeline" ] <|
List.map notificationEntryView notifications
]
]
@ -566,7 +566,8 @@ threadView thread =
div [ class "col-md-3" ]
[ div [ class "panel panel-default" ]
[ closeablePanelheading "list" "Thread" CloseThread
, ul [ class "list-group" ] <| List.map threadEntry statuses
, ul [ class "list-group timeline" ] <|
List.map threadEntry statuses
]
]