remove modal trigger icon

This commit is contained in:
Felix Hamann 2019-02-09 21:03:33 +01:00
parent ce5301e590
commit 6af0ebe400
3 changed files with 5 additions and 25 deletions

View File

@ -2,7 +2,7 @@ module Handler.Utils.Templates where
import Data.Either (isLeft)
import Import
import Import.NoFoundation
modal :: WidgetT site IO () -> Either (SomeRoute site) (WidgetT site IO ()) -> WidgetT site IO ()
modal modalTrigger modalContent = do
@ -15,16 +15,12 @@ modal modalTrigger modalContent = do
route' <- toTextUrl route
[whamlet|
$newline never
<div .modal__trigger>
<a href=@{route} ##{triggerId}>
<object type="image/svg+xml" data=@{StaticR img_modal_svg} class=modal__triger-icon>
<span .modal__trigger-label>^{modalTrigger}
<a .modal__trigger href=#{route'} ##{triggerId}>
<span .modal__trigger-label>^{modalTrigger}
|]
Right _ -> do
[whamlet|
$newline never
<div .modal__trigger>
<div ##{triggerId}>
<object type="image/svg+xml" data=@{StaticR img_modal_svg} class=modal__trigger-icon>
<span .modal__trigger-label>^{modalTrigger}
<div .modal__trigger ##{triggerId}>
<span .modal__trigger-label>^{modalTrigger}
|]

View File

@ -1,7 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 690 490" xml:space="preserve">
<rect x="534.6" y="405" width="99" height="39.6"/>
<rect x="415.8" y="405" width="99" height="39.6"/>
<path d="M673.2,127.8H118.8v356.4h554.4V127.8z M601.92,166.794l5.334-5.334l10.506,10.506l10.506-10.506l5.334,5.334L623.094,177.3 l10.506,10.506l-5.334,5.334l-10.506-10.51l-10.506,10.506l-5.334-5.33l10.506-10.506L601.92,166.794z M158.4,169.38h198v15.84h-198 V169.38z M657.36,468.36H134.64V226.8h522.72V468.36z"/>
<rect x="198" y="325.8" width="396" height="15.84"/>
<rect x="198" y="286.2" width="198" height="15.84"/>
</svg>

Before

Width:  |  Height:  |  Size: 696 B

View File

@ -66,19 +66,10 @@
.modal__trigger {
cursor: pointer;
display: inline-flex;
flex-direction: row;
align-items: baseline;
margin-top: 5px;
}
.modal__trigger-icon {
height: 20px;
}
.modal__trigger-label {
font-size: 14px;
padding-left: 5px;
}
.modal__closer {