fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

preparation for menu for secondary pageactions

Browse Source
This commit is contained in:
Felix Hamann 2019-01-27 18:17:40 +01:00
parent 3333992b0d
commit 3c7ba0e824
3 changed files with 70 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
templates/widgets/pageactionprime.hamlet
View File

@ -1,16 +1,23 @@
$newline never $newline never
$if hasPageActions $if hasPageActions
<div .page-nav-prime> <div .pagenav>
$forall (MenuItem{menuItemLabel, menuItemType, menuItemModal}, menuIdent, route) <- menuTypes <div .pagenav-prime>
$case menuItemType $forall (MenuItem{menuItemLabel, menuItemType, menuItemModal}, menuIdent, route) <- menuTypes
$of PageActionPrime $case menuItemType
<div .pagenav__list-item> $of PageActionPrime
$if menuItemModal <div .pagenav__list-item>
<div .modal.js-modal #modal-#{menuIdent} data-trigger=#{menuIdent} data-closeable data-dynamic> $if menuItemModal
<a .pagenav__link-wrapper href=#{route} ##{menuIdent}>_{SomeMessage menuItemLabel} <div .modal.js-modal #modal-#{menuIdent} data-trigger=#{menuIdent} data-closeable data-dynamic>
$of PageActionSecondary <a .pagenav__link-wrapper href=#{route} ##{menuIdent}>_{SomeMessage menuItemLabel}
<div .pagenav__list-item> $of _
$if menuItemModal <div .pagenav-secondary>
<div .modal.js-modal #modal-#{menuIdent} data-trigger=#{menuIdent} data-closeable data-dynamic> Weitere Punkte
<a .pagenav__link-wrapper href=#{route} ##{menuIdent}>_{SomeMessage menuItemLabel} <div .pagenav-secondary__list>
$of _ $forall (MenuItem{menuItemLabel, menuItemType, menuItemModal}, menuIdent, route) <- menuTypes
$case menuItemType
$of PageActionSecondary
<div .pagenav__list-item.pagenav__list-item--secondary>
$if menuItemModal
<div .modal.js-modal #modal-#{menuIdent} data-trigger=#{menuIdent} data-closeable data-dynamic>
<a .pagenav__link-wrapper href=#{route} ##{menuIdent}>_{SomeMessage menuItemLabel}
$of _

0
templates/widgets/pageactionprime.julius Normal file
View File

49
templates/widgets/pageactionprime.lucius
View File

@ -1,6 +1,55 @@
.pagenav {
display: flex;
justify-content: space-between;
}
.pagenav-secondary {
float: right;
position: relative;
flex-basis: 50px;
height: 50px;
width: 50px;
overflow: visible;
&:hover {
.pagenav-secondary__list {
animation: pagenav-fade-in 200ms ease-in-out;
display: block;
}
}
}
@keyframes pagenav-fade-in {
from {
opacity: 0;
}
}
.pagenav-secondary__list {
position: absolute;
display: none;
right: 0;
top: 0;
width: 250px;
text-align: right;
padding: 7px 13px;
background-color: white;
box-shadow: 0 0 6px 3px var(--color-grey-light)
}
.pagenav__list-item { .pagenav__list-item {
position: relative;
display: inline-block; display: inline-block;
padding: 7px 10px; padding: 7px 10px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
margin: 10px 10px 0 0; margin: 10px 10px 0 0;
} }
.pagenav__list-item--secondary {
display: block;
margin: 0;
+.pagenav__list-item--secondary {
margin-top: 10px;
}
}