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 { body {
font-family: Roboto, sans-serif; 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 { .status, .follow-profile {

9
src/View.elm
View File

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