TheAnachronism/docspell
1
0
Fork 0
mirror of https://github.com/TheAnachronism/docspell.git synced 2025-01-26 00:18:26 +00:00
Code Issues Packages Projects Releases Wiki Activity
ee2a4aaaf0
docspell/modules/webapp/src/main/elm/Styles.elm

384 lines
10 KiB
Elm
Raw Normal View History

Add copyright header to source files
2021-07-04 08:24:49 +00:00
{-
Change license header of all files
2021-09-21 20:32:47 +00:00
Copyright 2020 Eike K. & Contributors
Add copyright header to source files
2021-07-04 08:24:49 +00:00
Change license header of all files
2021-09-21 20:32:47 +00:00
SPDX-License-Identifier: AGPL-3.0-or-later
Add copyright header to source files
2021-07-04 08:24:49 +00:00
-}
Change headers of all elm files
2021-07-25 12:00:11 +00:00
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
module Styles exposing (..)
sidebar : String
sidebar =
Show item detail for a shared item
2021-10-07 20:02:31 +00:00
" flex flex-col flex-none md:w-80 w-full min-h-max px-2 dark:text-gray-200 overflow-y-auto h-full transition-opacity transition-duration-200 scrollbar-thin scrollbar-light-sidebar dark:scrollbar-dark-sidebar"
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
sidebarBg : String
sidebarBg =
" bg-blue-50 dark:bg-bluegray-700 "
sidebarMenuItemActive : String
sidebarMenuItemActive =
"bg-blue-100 dark:bg-bluegray-600"
content : String
content =
Fix scrollbar position
2021-03-27 21:04:44 +00:00
"w-full mx-auto px-2 h-screen-12 overflow-y-auto scrollbar-main scrollbar-thin"
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
sidebarLink : String
sidebarLink =
" mb-2 px-4 py-3 flex flex-row hover:bg-blue-100 dark:hover:bg-bluegray-600 hover:font-bold rounded rounded-lg items-center "
successMessage : String
successMessage =
" border border-green-600 bg-green-50 text-green-600 dark:border-lime-800 dark:bg-lime-300 dark:text-lime-800 px-4 py-2 rounded "
successMessageLink : String
successMessageLink =
"text-green-700 hover:text-green-800 dark:text-lime-800 dark:hover:text-lime-700 underline "
errorMessage : String
errorMessage =
" border border-red-600 bg-red-50 text-red-600 dark:border-orange-800 dark:bg-orange-300 dark:text-orange-800 px-2 py-2 rounded "
Create shares from search and select view
2021-10-02 21:46:58 +00:00
errorText : String
errorText =
" text-red-600 dark:text-orange-800 "
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
warnMessage : String
warnMessage =
Check query in client
2021-03-07 22:46:31 +00:00
warnMessageColors ++ " border dark:bg-opacity-25 px-2 py-2 rounded "
warnMessageColors : String
warnMessageColors =
" border-yellow-800 bg-yellow-50 text-yellow-800 dark:border-amber-200 dark:bg-amber-800 dark:text-amber-200 "
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
Show a message when a new document arrived
2021-11-07 16:14:02 +00:00
infoMessageBase : String
infoMessageBase =
" border border-blue-800 bg-blue-100 text-blue-800 dark:border-lightblue-200 dark:bg-lightblue-800 dark:text-lightblue-200 dark:bg-opacity-25 "
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
infoMessage : String
infoMessage =
Show a message when a new document arrived
2021-11-07 16:14:02 +00:00
infoMessageBase ++ " px-2 py-2 rounded "
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
message : String
message =
" border border-gray-600 bg-gray-50 text-gray-600 "
++ "dark:border-bluegray-400 dark:bg-bluegray-600 dark:bg-opacity-80 dark:text-bluegray-400 "
++ "px-4 py-2 rounded "
greenSolidLabel : String
greenSolidLabel =
" label border-green-500 bg-green-500 text-white dark:border-lime-800 dark:bg-lime-300 dark:text-lime-800 "
greenBasicLabel : String
greenBasicLabel =
" label border-green-500 text-green-500 dark:border-lime-300 dark:text-lime-300 "
redSolidLabel : String
redSolidLabel =
" label border-red-500 bg-red-500 text-white dark:border-orange-800 dark:bg-orange-200 dark:text-orange-800 "
redBasicLabel : String
redBasicLabel =
" label border-red-500 text-red-500 dark:border-orange-200 dark:text-orange-200 "
basicLabel : String
basicLabel =
" label border-gray-600 text-gray-600 dark:border-bluegray-300 dark:text-bluegray-300 "
Show item detail for a shared item
2021-10-07 20:02:31 +00:00
blueBasicLabel : String
blueBasicLabel =
" label border-blue-500 text-blue-500 dark:border-lightblue-200 dark:text-lightblue-200 "
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
--- Primary Button
primaryButton : String
primaryButton =
primaryButtonRounded ++ primaryButtonPlain
primaryButtonPlain : String
primaryButtonPlain =
primaryButtonMain ++ primaryButtonHover
primaryButtonMain : String
primaryButtonMain =
" my-auto whitespace-nowrap bg-blue-500 dark:bg-lightblue-800 text-white text-center px-4 py-2 shadow-md focus:outline-none focus:ring focus:ring-opacity-75 "
primaryButtonHover : String
primaryButtonHover =
" hover:bg-blue-600 dark:hover:bg-lightblue-700 "
primaryButtonRounded : String
primaryButtonRounded =
" rounded "
--- Primary Basic Button
primaryBasicButton : String
primaryBasicButton =
primaryBasicButtonMain ++ primaryBasicButtonHover
primaryBasicButtonMain : String
primaryBasicButtonMain =
" rounded my-auto whitespace-nowrap border border-blue-500 dark:border-lightblue-500 text-blue-500 dark:text-lightblue-500 text-center px-4 py-2 shadow-md focus:outline-none focus:ring focus:ring-opacity-75 "
primaryBasicButtonHover : String
primaryBasicButtonHover =
" hover:bg-blue-600 hover:text-white dark:hover:text-white dark:hover:bg-lightblue-500 "
--- Secondary Button
secondaryButton : String
secondaryButton =
secondaryButtonMain ++ secondaryButtonHover
secondaryButtonMain : String
secondaryButtonMain =
Fix styles for secondary button and dimmer
2021-09-23 15:36:52 +00:00
" rounded my-auto whitespace-nowrap bg-gray-300 dark:bg-bluegray-400 text-center px-4 py-2 shadow-md focus:outline-none focus:ring focus:ring-opacity-75 dark:text-gray-800 text-gray-800"
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
secondaryButtonHover : String
secondaryButtonHover =
" hover:bg-gray-400 dark:hover:bg-bluegray-300 "
secondaryBasicButton : String
secondaryBasicButton =
secondaryBasicButtonRounded ++ secondaryBasicButtonPlain
secondaryBasicButtonPlain : String
secondaryBasicButtonPlain =
secondaryBasicButtonMain ++ secondaryBasicButtonHover
secondaryBasicButtonRounded : String
secondaryBasicButtonRounded =
" rounded border px-4 py-2 "
--- Secondary Basic Button
secondaryBasicButtonMain : String
secondaryBasicButtonMain =
" my-auto whitespace-nowrap border-gray-500 dark:border-bluegray-500 text-gray-500 dark:text-bluegray-400 text-center shadow-none focus:outline-none focus:ring focus:ring-opacity-75 "
secondaryBasicButtonHover : String
secondaryBasicButtonHover =
" hover:bg-gray-600 hover:text-white dark:hover:text-white dark:hover:bg-bluegray-500 dark:hover:text-bluegray-100 "
--- Delete Button
deleteButton : String
deleteButton =
Add ui for showing data to be deleted for a user
2021-09-07 22:22:00 +00:00
deleteButtonMain ++ deleteButtonHover
deleteButtonMain : String
deleteButtonMain =
" rounded my-auto whitespace-nowrap border border-red-500 dark:border-lightred-500 text-red-500 dark:text-orange-500 text-center px-4 py-2 shadow-none focus:outline-none focus:ring focus:ring-opacity-75 "
deleteButtonHover : String
deleteButtonHover =
" hover:bg-red-600 hover:text-white dark:hover:bg-orange-500 dark:hover:text-bluegray-900 "
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
Display deleted items in the webui The card renders a trash can in the top right corner and the detail page shows a label and also this trash can.
2021-08-14 14:06:55 +00:00
undeleteButton : String
undeleteButton =
" rounded my-auto whitespace-nowrap border border-green-500 dark:border-lightgreen-500 text-green-500 dark:text-lightgreen-500 text-center px-4 py-2 shadow-none focus:outline-none focus:ring focus:ring-opacity-75 hover:bg-green-600 hover:text-white dark:hover:text-white dark:hover:bg-lightgreen-500 dark:hover:text-bluegray-900 "
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
deleteLabel : String
deleteLabel =
"label my-auto whitespace-nowrap border border-red-500 dark:border-lightred-500 text-red-500 dark:text-orange-500 text-center focus:outline-none focus:ring focus:ring-opacity-75 hover:bg-red-600 hover:text-white dark:hover:text-white dark:hover:bg-orange-500 dark:hover:text-bluegray-900"
--- Others
link : String
link =
" text-blue-400 hover:text-blue-500 dark:text-lightblue-200 dark:hover:text-lightblue-100 cursor-pointer "
inputErrorBorder : String
inputErrorBorder =
" border-red-600 dark:border-orange-600 "
inputLabel : String
inputLabel =
" text-sm font-semibold py-0.5 "
textInput : String
textInput =
" placeholder-gray-400 w-full dark:text-bluegray-200 dark:bg-bluegray-800 dark:border-bluegray-500 border-gray-400 rounded " ++ formFocusRing
textInputSidebar : String
textInputSidebar =
" w-full placeholder-gray-400 border-gray-400 bg-blue-50 dark:text-bluegray-200 dark:bg-bluegray-700 dark:border-bluegray-500 rounded " ++ formFocusRing
textAreaInput : String
textAreaInput =
"block" ++ textInput
inputIcon : String
inputIcon =
"absolute left-3 top-2 w-10 text-gray-400 dark:text-bluegray-400 "
dateInputIcon : String
dateInputIcon =
"absolute left-3 top-3 w-10 text-gray-400 dark:text-bluegray-400 "
inputLeftIconLink : String
inputLeftIconLink =
"inline-flex items-center justify-center absolute right-0 top-0 h-full w-10 rounded-r cursor-pointer "
++ "text-gray-400 dark:text-bluegray-400 "
++ "bg-gray-300 dark:bg-bluegray-700 "
++ "dark:border-bluegray-500 border-0 border-r border-t border-b border-gray-500 "
++ "hover:bg-gray-400 hover:text-gray-700 dark:hover:bg-bluegray-600"
inputLeftIconLinkSidebar : String
inputLeftIconLinkSidebar =
"inline-flex items-center justify-center absolute right-0 top-0 h-full w-10 rounded-r cursor-pointer "
++ "text-gray-400 dark:text-bluegray-400 "
++ "bg-gray-300 dark:bg-bluegray-600 "
++ "dark:border-bluegray-500 border-0 border-r border-t border-b border-gray-500 "
++ "hover:bg-gray-400 hover:text-gray-700 dark:hover:bg-bluegray-500"
inputLeftIconOnly : String
inputLeftIconOnly =
"inline-flex items-center justify-center absolute right-0 top-0 h-full w-10 rounded-r "
++ "dark:border-bluegray-500 border-0 border-r border-t border-b border-gray-500 "
checkboxInput : String
checkboxInput =
" checkbox w-5 h-5 md:w-4 md:h-4 text-black dark:text-bluegray-600 dark:bg-bluegray-600 dark:border-bluegray-700" ++ formFocusRing
formFocusRing : String
formFocusRing =
" focus:ring focus:ring-black focus:ring-opacity-50 focus:ring-offset-0 dark:focus:ring-bluegray-400 "
radioInput : String
radioInput =
checkboxInput
box : String
box =
" border dark:border-bluegray-500 bg-white dark:bg-bluegray-800 shadow-md "
border : String
border =
" border dark:border-bluegray-600 "
Left align item separator and make it more prominent Refs: #950
2021-07-27 16:10:18 +00:00
border2 : String
border2 =
" border-2 dark:border-bluegray-600 "
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
header1 : String
header1 =
First simple item detail version for a share
2021-10-06 23:33:59 +00:00
" text-3xl mt-3 mb-3 sm:mb-5 font-semibold tracking-wide break-all"
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
header2 : String
header2 =
" text-2xl mb-3 font-medium tracking-wide "
header3 : String
header3 =
" text-xl mb-3 font-medium tracking-wide "
editLinkTableCellStyle : String
editLinkTableCellStyle =
"w-px whitespace-nowrap pr-2 md:pr-4 py-4 md:py-2"
dimmer : String
dimmer =
Allow to reprocess single and multiple items in the ui
2021-03-11 22:13:34 +00:00
" absolute top-0 left-0 w-full h-full bg-black bg-opacity-90 dark:bg-bluegray-900 dark:bg-opacity-90 z-50 flex flex-col items-center justify-center px-4 md:px-8 py-2 "
First version of new ui based on tailwind This drops fomantic-ui as css toolkit and introduces tailwindcss. With tailwind there are no predefined components, but it's very easy to create those. So customizing the look&feel is much simpler, most of the time no additional css is needed. This requires a complete rewrite of the markup + styles. Luckily all logic can be kept as is. The now old ui is not removed, it is still available by using a request header `Docspell-Ui` with a value of `1` for the old ui and `2` for the new ui. Another addition is "dev mode", where docspell serves assets with a no-cache header, to disable browser caching. This makes developing a lot easier.
2021-01-29 19:48:27 +00:00
dimmerLight : String
dimmerLight =
" absolute top-0 left-0 w-full h-full bg-black bg-opacity-60 dark:bg-bluegray-900 dark:bg-opacity-60 z-30 flex flex-col items-center justify-center px-4 py-2 "
dimmerCard : String
dimmerCard =
" absolute top-0 left-0 w-full h-full bg-black bg-opacity-60 dark:bg-lightblue-900 dark:bg-opacity-60 z-30 flex flex-col items-center justify-center px-4 py-2 "
tableMain : String
tableMain =
"border-collapse table w-full"
tableRow : String
tableRow =
"border-t dark:border-bluegray-600"
Add a qr code to the link of an item or attachment
2021-08-17 00:15:14 +00:00
qrCode : String
qrCode =
"max-w-min dark:bg-bluegray-400 bg-gray-50 mx-auto md:mx-0"
Reference in New Issue Copy Permalink