TheAnachronism/docspell
1
0
Fork 0
mirror of https://github.com/TheAnachronism/docspell.git synced 2025-06-02 13:32:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile support

Browse Source 
Next to the missing css classs, the viewport definition was missing in
the html.
This commit is contained in:
Eike Kettner 2020-05-17 23:20:52 +02:00
parent f5c23ceb3d
commit cece5b6193
7 changed files with 64 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
modules/restserver/src/main/templates/index.html
View File

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<link rel="apple-touch-icon" sizes="57x57" href="{{{faviconBase}}}/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="{{{faviconBase}}}/apple-icon-60x60.png">

4
modules/webapp/src/main/elm/Page/CollectiveSettings/View.elm
View File

@ -17,7 +17,7 @@ import Util.Size
view : Flags -> Model -> Html Msg
view flags model =
div [ class "collectivesetting-page ui padded grid" ]
[ div [ class "four wide column" ]
[ div [ class "sixteen wide mobile four wide tablet four wide computer column" ]
[ h4 [ class "ui top attached ablue-comp header" ]
[ text "Collective"
]
@ -54,7 +54,7 @@ view flags model =
]
]
]
, div [ class "twelve wide column" ]
, div [ class "sixteen wide mobile twelve wide tablet twelve wide computer column" ]
[ div [ class "" ]
(case model.currentTab of
Just SourceTab ->

108
modules/webapp/src/main/elm/Page/Login/View.elm
View File

@ -13,64 +13,66 @@ view flags model =
div [ class "login-page" ]
[ div [ class "ui centered grid" ]
[ div [ class "row" ]
[ div [ class "six wide column ui segment login-view" ]
[ h1 [ class "ui center aligned icon header" ]
[ img
[ class "ui image"
, src (flags.config.docspellAssetPath ++ "/img/logo-96.png")
]
[]
, div [ class "content" ]
[ text "Sign in to Docspell"
]
]
, Html.form
[ class "ui large error raised form segment"
, onSubmit Authenticate
, autocomplete False
]
[ div [ class "field" ]
[ label [] [ text "Username" ]
, div [ class "ui left icon input" ]
[ input
[ type_ "text"
, autocomplete False
, onInput SetUsername
, value model.username
, placeholder "Collective / Login"
, autofocus True
]
[]
, i [ class "user icon" ] []
[ div [ class "sixteen wide mobile twelve wide tablet six wide computer column" ]
[ div [ class "ui segment login-view" ]
[ h1 [ class "ui center aligned icon header" ]
[ img
[ class "ui image"
, src (flags.config.docspellAssetPath ++ "/img/logo-96.png")
]
[]
, div [ class "content" ]
[ text "Sign in to Docspell"
]
]
, div [ class "field" ]
[ label [] [ text "Password" ]
, div [ class "ui left icon input" ]
[ input
[ type_ "password"
, autocomplete False
, onInput SetPassword
, value model.password
, placeholder "Password"
, Html.form
[ class "ui large error raised form segment"
, onSubmit Authenticate
, autocomplete False
]
[ div [ class "field" ]
[ label [] [ text "Username" ]
, div [ class "ui left icon input" ]
[ input
[ type_ "text"
, autocomplete False
, onInput SetUsername
, value model.username
, placeholder "Collective / Login"
, autofocus True
]
[]
, i [ class "user icon" ] []
]
[]
, i [ class "lock icon" ] []
]
, div [ class "field" ]
[ label [] [ text "Password" ]
, div [ class "ui left icon input" ]
[ input
[ type_ "password"
, autocomplete False
, onInput SetPassword
, value model.password
, placeholder "Password"
]
[]
, i [ class "lock icon" ] []
]
]
, button
[ class "ui primary fluid button"
, type_ "submit"
]
[ text "Login"
]
]
, button
[ class "ui primary fluid button"
, type_ "submit"
]
[ text "Login"
]
]
, resultMessage model
, div [ class "ui very basic right aligned segment" ]
[ text "No account? "
, a [ class "ui icon link", Page.href RegisterPage ]
[ i [ class "edit icon" ] []
, text "Sign up!"
, resultMessage model
, div [ class "ui very basic right aligned segment" ]
[ text "No account? "
, a [ class "ui icon link", Page.href RegisterPage ]
[ i [ class "edit icon" ] []
, text "Sign up!"
]
]
]
]

4
modules/webapp/src/main/elm/Page/ManageData/View.elm
View File

@ -14,7 +14,7 @@ import Util.Html exposing (classActive)
view : Model -> Html Msg
view model =
div [ class "managedata-page ui padded grid" ]
[ div [ class "four wide column" ]
[ div [ class "sixteen wide mobile four wide tablet four wide computer column" ]
[ h4 [ class "ui top attached ablue-comp header" ]
[ text "Manage Data"
]
@ -51,7 +51,7 @@ view model =
]
]
]
, div [ class "twelve wide column" ]
, div [ class "sixteen wide mobile twelve wide tablet twelve wide computer column" ]
[ div [ class "" ]
(case model.currentTab of
Just TagTab ->

2
modules/webapp/src/main/elm/Page/NewInvite/View.elm
View File

@ -12,7 +12,7 @@ view flags model =
div [ class "newinvite-page" ]
[ div [ class "ui centered grid" ]
[ div [ class "row" ]
[ div [ class "eight wide column ui segment newinvite-view" ]
[ div [ class "sixteen wide mobile fourteen wide tablet eight wide computer column" ]
[ h1 [ class "ui cener aligned icon header" ]
[ img
[ class "ui image"

2
modules/webapp/src/main/elm/Page/Register/View.elm
View File

@ -13,7 +13,7 @@ view flags model =
div [ class "register-page" ]
[ div [ class "ui centered grid" ]
[ div [ class "row" ]
[ div [ class "six wide column ui segment register-view" ]
[ div [ class "sixteen wide mobile twelve wide tablet six wide computer column" ]
[ h1 [ class "ui cener aligned icon header" ]
[ img
[ class "ui image"

4
modules/webapp/src/main/elm/Page/UserSettings/View.elm
View File

@ -13,7 +13,7 @@ import Util.Html exposing (classActive)
view : Model -> Html Msg
view model =
div [ class "usersetting-page ui padded grid" ]
[ div [ class "four wide column" ]
[ div [ class "sixteen wide mobile four wide tablet four wide computer column" ]
[ h4 [ class "ui top attached ablue-comp header" ]
[ text "User"
]
@ -25,7 +25,7 @@ view model =
]
]
]
, div [ class "twelve wide column" ]
, div [ class "sixteen wide mobile twelve wide tablet twelve wide computer column" ]
[ div [ class "" ]
(case model.currentTab of
Just ChangePassTab ->