Chris/ORB
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve message box layout

Browse Source 
Still needs work, but it's enough to show messages for now.
This commit is contained in:
Chris 2016-12-30 16:04:14 +00:00
parent 3a7b192504
commit c76c471caf
5 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
templates/default/css/messagebox.css Normal file
View File

@ -0,0 +1,16 @@
.messagebox .mcore .msummary {
padding: 0;
border: none;
text-align: center;
font-weight: bold;
}
.messagebox .mcore .mtext {
padding: 0;
margin-top: 0.5em;
border: none;
}
.messagebox .mbcontent img {
padding-right: 0.25rem;
}

11
templates/default/messagebox/box.tem
View File

@ -1,15 +1,16 @@
<div class="small-8 small-centered columns">
<!-- Start messagebox core -->
<div class="messagebox callout %(boxclass)s">
<h2>%(title)s</h2>
<div class="mbcontent">
<div class="messagebox callout %(class)s">
<h4>%(title)s</h4>
<div class="mbcontent clearfix">
<img src="{V_[templatepath]}/images/%(icon)s.png" width="48" class="float-left" />
<div class="mcore">
<div class="msummary">%(summary)s</div>
<div class="mtext">%(longdesc)s</div>
<div class="mtext">%(message)s</div>
</div>
%(additional)s
%(buttons)s
</div>
%(buttons)s
</div>
<!-- End messagebox core -->
</div>

2
templates/default/messagebox/button.tem
View File

@ -1 +1 @@
<button class="button %(colour)s" onclick="%(onclick)s">%(message)s</div>
<a class="button %(colour)s" href="%(href)s">%(message)s</a>

2
templates/default/messagebox/buttonbar.tem
View File

@ -1 +1 @@
<div class="buttonbox">%(buttons)s</div>
<div class="button-group text-right nomargin">%(buttons)s</div>

1
templates/default/page.tem
View File

@ -9,6 +9,7 @@
<link rel="stylesheet" href="{V_[templatepath]}3rdparty/fontawesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="{V_[csspath]}notebox.css" />
<link rel="stylesheet" href="{V_[csspath]}messagebox.css" />
<link rel="stylesheet" href="{V_[csspath]}foundation.mods.css" />
%(extrahead)s
</head>