TheAnachronism/docspell
1
0
Fork 0
mirror of https://github.com/TheAnachronism/docspell.git synced 2025-06-04 22:25:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Redesign search/landing page

Browse Source
This commit is contained in:
Eike Kettner 2020-08-08 16:38:52 +02:00
parent 000d1aff2b
commit 75c958281e
3 changed files with 31 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
modules/webapp/src/main/elm/Comp/ItemCardList.elm
View File

@ -191,22 +191,18 @@ viewItem settings item =
, Util.String.underscoreToSpace item.name , Util.String.underscoreToSpace item.name
|> text |> text
] ]
, div
[ classList
[ ( "ui right corner label", True )
, ( newColor, True )
, ( "invisible", isConfirmed )
]
, title "New"
]
[ i [ class "exclamation icon" ] []
]
, div [ class "meta" ] , div [ class "meta" ]
[ div [ span []
[ classList
[ ( "ui ribbon label", True )
, ( newColor, True )
, ( "invisible", isConfirmed )
]
]
[ i [ class "exclamation icon" ] []
, text " New"
]
, span
[ classList
[ ( "right floated", not isConfirmed )
]
]
[ Util.Time.formatDate item.date |> text [ Util.Time.formatDate item.date |> text
] ]
] ]

6
modules/webapp/src/main/elm/Page/Home/View.elm
View File

@ -19,14 +19,14 @@ view flags settings model =
div [ class "home-page ui padded grid" ] div [ class "home-page ui padded grid" ]
[ div [ div
[ classList [ classList
[ ( "sixteen wide mobile six wide tablet four wide computer column" [ ( "sixteen wide mobile six wide tablet four wide computer search-menu column"
, True , True
) )
, ( "invisible hidden", model.menuCollapsed ) , ( "invisible hidden", model.menuCollapsed )
] ]
] ]
[ div [ div
[ class "ui top attached ablue-comp icon menu" [ class "ui ablue-comp icon menu"
] ]
[ a [ a
[ class "borderless item" [ class "borderless item"
@ -62,7 +62,7 @@ view flags settings model =
] ]
] ]
] ]
, div [ class "ui attached fluid segment" ] , div [ class "" ]
[ Html.map SearchMenuMsg [ Html.map SearchMenuMsg
(Comp.SearchMenu.viewDrop model.dragDropData (Comp.SearchMenu.viewDrop model.dragDropData
flags flags

22
modules/webapp/src/main/webjar/docspell.css
View File

@ -41,12 +41,12 @@
} }
.default-layout .main-content { .default-layout .main-content {
margin-top: 45px; margin-top: 44px;
padding-bottom: 2em; padding-bottom: 2em;
} }
.default-layout .top-menu { .default-layout .top-menu {
background: aliceblue; background: aliceblue;
box-shadow: 1px 1px 0px 0px black; box-shadow: 1px 1px 0px 0px black;
} }
@ -170,6 +170,11 @@ textarea.markdown-editor {
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
} }
.default-layout .search-menu {
border-bottom: 2px solid #d8dfe5;
border-right: 2px solid #d8dfe5;
background-color: aliceblue;
}
.ui.dimmer.keep-small { .ui.dimmer.keep-small {
justify-content: start; justify-content: start;
@ -198,14 +203,21 @@ label span.muted {
} }
.ui.ablue-comp.menu, .ui.menu .ablue-comp.item { .ui.ablue-comp.menu, .ui.menu .ablue-comp.item {
background-color: #fff7f0; background-color: rgba(255, 247, 240, 1);
} }
.ui.ablue-comp.header { .ui.ablue-comp.header {
background-color: #fff7f0; background-color: rgba(255, 247, 240, 1);
} }
.ui.ablue-shade.menu, .ui.menu .ablue-shade.item { .ui.ablue-shade.menu, .ui.menu .ablue-shade.item {
background-color: #d8dfe5; background-color: rgba(216, 223, 229, 1);
}
.ablue-bg {
background-color: aliceblue;
}
.ablue-shade-bg {
background-color: rgba(216, 223, 229, 1);
} }
.ui.selectable.pointer.table tr { .ui.selectable.pointer.table tr {