Difference between revisions of "Dragalia Lost Wiki/Latest Events"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Caledor92
m
>Eave
(adding flex styling for a more grid-like layout)
 
(11 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<div class="latest-events-mp">{{#css:
+
<div class="latest-events-mp">{{#widget:Dragalia Lost Wiki/Latest Events/css}}
.latest-events-mp .tabberlive,
 
.latest-events-mp .tabberlive .tabbertab {
 
    <!--border: none !important;-->
 
}
 
 
 
.latest-events-mp .tabberlive .tabbertab {
 
    padding-top: 15px;
 
}
 
 
 
.latest-events-mp .tabbernav {
 
    <!--border-bottom: none !important;-->
 
    display: flex;
 
    justify-content: space-between;
 
}
 
 
 
.latest-events-mp .tabbernav li {
 
    padding-top: 0;
 
    width: 100%;
 
}
 
 
 
.latest-events-mp .tabbernav li a,
 
.latest-events-mp .tabbernav li a:link {
 
    background-color: #fff;
 
    border: 1px solid #1f4c1f !important;
 
    color: #000;
 
    display: block;
 
    <!--margin: 0;-->
 
    padding: 6px;
 
    font-size: 1.1em;
 
}
 
 
 
.latest-events-mp .tabbernav li a:hover {
 
    background-color: #e4e4e4 !important;
 
}
 
 
 
.latest-events-mp .tabbernav li.tabberactive a {
 
    /** Remove the !important here if you want the active tab to also change color on hover */
 
    background-color: #1f4c1f !important;
 
    color: #fff !important;
 
}
 
}}
 
 
<div style="padding-bottom:10px;text-align:center">
 
<div style="padding-bottom:10px;text-align:center">
 
{{#tag:tabber
 
{{#tag:tabber
 
|Ongoing=
 
|Ongoing=
<div class="mp-menu-item-body">
+
<div class="mp-menu-item-body" style="display:flex;flex-wrap:wrap;justify-content:center">
 
{{#invoke:CargoQuery|main
 
{{#invoke:CargoQuery|main
 
|q?tables=Events
 
|q?tables=Events
 
|q?fields=Name,StartDate,EndDate
 
|q?fields=Name,StartDate,EndDate
|q?orderBy=StartDate DESC, Name ASC
+
|q?orderBy=EndDate ASC, Name ASC
 
|q?groupBy=_pageName
 
|q?groupBy=_pageName
 
|q?where=NOW() between StartDate and EndDate
 
|q?where=NOW() between StartDate and EndDate
Line 58: Line 17:
 
|q?tables=SecondaryEvents
 
|q?tables=SecondaryEvents
 
|q?fields=Name,ImageFile,PageLink,OfficialLink,StartDate,EndDate,_rowID
 
|q?fields=Name,ImageFile,PageLink,OfficialLink,StartDate,EndDate,_rowID
|q?orderBy=StartDate ASC, Name ASC
+
|q?orderBy=EndDate ASC, Name ASC
 
|q?groupBy=
 
|q?groupBy=
 
|q?where=NOW() between StartDate and EndDate AND _pageName='Dragalia Lost Wiki/Secondary Events'
 
|q?where=NOW() between StartDate and EndDate AND _pageName='Dragalia Lost Wiki/Secondary Events'
Line 68: Line 27:
 
{{!}}-{{!}}
 
{{!}}-{{!}}
 
Upcoming=
 
Upcoming=
<div class="mp-menu-item-body">
+
<div class="mp-menu-item-body" style="display:flex;flex-wrap:wrap;justify-content:center">
 
{{#invoke:CargoQuery|main
 
{{#invoke:CargoQuery|main
 
|q?tables=Events
 
|q?tables=Events
 
|q?fields=Name,StartDate,EndDate
 
|q?fields=Name,StartDate,EndDate
|q?orderBy=StartDate DESC, Name ASC
+
|q?orderBy=StartDate ASC, Name ASC
 
|q?groupBy=_pageName
 
|q?groupBy=_pageName
 
|q?where=StartDate >= NOW()
 
|q?where=StartDate >= NOW()

Latest revision as of 13:46, 27 March 2020

Lua error: Error: Table Events not found.. Lua error: Error: Table SecondaryEvents not found..

Lua error: Error: Table Events not found..

Lua error: Error: Table SecondaryEvents not found..