Redesign search/landing page

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

View File

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

View File

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

View File

@ -41,12 +41,12 @@
}
.default-layout .main-content {
margin-top: 45px;
margin-top: 44px;
padding-bottom: 2em;
}
.default-layout .top-menu {
background: aliceblue;
background: aliceblue;
box-shadow: 1px 1px 0px 0px black;
}
@ -170,6 +170,11 @@ textarea.markdown-editor {
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 {
justify-content: start;
@ -198,14 +203,21 @@ label span.muted {
}
.ui.ablue-comp.menu, .ui.menu .ablue-comp.item {
background-color: #fff7f0;
background-color: rgba(255, 247, 240, 1);
}
.ui.ablue-comp.header {
background-color: #fff7f0;
background-color: rgba(255, 247, 240, 1);
}
.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 {