dave/pathfinder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- minor UI fixes to the "maintenance" panel

Browse Source
This commit is contained in:
Mark Friedrich
2018-09-26 16:54:40 +02:00
parent b157b5bd0b
commit 23a4f84751
9 changed files with 51 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
js/app/util.js
View File

@@ -45,6 +45,7 @@ define([
// footer
footerId: 'pf-footer', // id for page footer
footerCenterClass: 'pf-footer-center', // class for footer "center" element
globalInfoPanelId: 'pf-global-info', // id for "global info panel"
settingsMessageVelocityOptions: {
@@ -1441,7 +1442,7 @@ define([
id: config.globalInfoPanelId
};
let content = $(Mustache.render(template, data));
content.insertBefore('#' + config.footerId);
$('#' + config.footerId).find('.' + config.footerCenterClass).append(content);
});
}else if (!show && infoPanel.length){
infoPanel.remove();

2
public/css/v1.4.1/pathfinder.css
View File

File diff suppressed because one or more lines are too long

2
public/css/v1.4.1/pathfinder.css.map
View File

File diff suppressed because one or more lines are too long

3
public/js/v1.4.1/app/util.js
View File

@@ -45,6 +45,7 @@ define([
// footer
footerId: 'pf-footer', // id for page footer
footerCenterClass: 'pf-footer-center', // class for footer "center" element
globalInfoPanelId: 'pf-global-info', // id for "global info panel"
settingsMessageVelocityOptions: {
@@ -1441,7 +1442,7 @@ define([
id: config.globalInfoPanelId
};
let content = $(Mustache.render(template, data));
content.insertBefore('#' + config.footerId);
$('#' + config.footerId).find('.' + config.footerCenterClass).append(content);
});
}else if (!show && infoPanel.length){
infoPanel.remove();

29
public/templates/modules/footer.html
View File

@@ -1,15 +1,16 @@
<div id="{{id}}" class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header pull-left">
<p class="navbar-text txt-color txt-color-gray"><i class="far fa-copyright"></i>
{{ currentYear }} <a class="{{footerLicenceLinkClass}}" href="javascript:void(0)" target="_blank">Licence</a>
</p>
</div>
<div class="navbar-header pull-right">
<p class="navbar-text txt-color txt-color-gray">All <a href="http://www.eveonline.com/" target="_blank" rel="noopener">EVE ONLINE</a>
related materials are property of
<a target="_blank" href="http://www.ccpgames.com" rel="noopener">CCP Games</a>
</p>
</div>
<footer id="{{id}}" class="navbar navbar-default" role="navigation">
<div class="pf-footer-left">
<p class="navbar-text txt-color txt-color-gray"><i class="far fa-copyright"></i>
{{ currentYear }} <a class="{{footerLicenceLinkClass}}" href="javascript:void(0)">Licence</a>
</p>
</div>
</div>
<div class="pf-footer-center"></div>
<div class="pf-footer-right">
<p class="navbar-text txt-color txt-color-gray">All <a href="http://www.eveonline.com/" target="_blank" rel="noopener">EVE ONLINE</a>
related materials are property of
<a target="_blank" href="http://www.ccpgames.com" rel="noopener">CCP Games</a>
</p>
</div>
</footer>

5
public/templates/modules/sso.html
View File

@@ -19,7 +19,4 @@
<a target="_blank" href="http://community.eveonline.com/news/dev-blogs/eve-online-sso-and-what-you-need-to-know" rel="noopener">What is this?</a>
</div>
</div>
</div>
{* splash page -> shown by Javascript *}
<div id="pf-notification-panel"></div>
</div>

2
public/templates/ui/info_panel.html
View File

@@ -1,4 +1,4 @@
<div id="{{id}}" class="alert alert-warning">
<div class="ui-pnotify-icon"><span class="fas fa-exclamation fa-fw fa-lg"></span></div>
<h4 class="ui-pnotify-title">Scheduled maintenance: Update <kbd>v1.4.0</kbd> <i class="fas fa-long-arrow-alt-right"></i> <kbd>v1.4.1</kbd>; Shutdown: ~11:00 (UTC). ETA ~11:15 (UTC)</h4>
<h4 class="ui-pnotify-title">Scheduled maintenance: Update v1.4.0 <i class="fas fa-long-arrow-alt-right"></i> v1.4.1; Shutdown: ~11:00 (UTC). ETA ~11:15 (UTC)</h4>
</div>

2
public/templates/view/login.html
View File

@@ -125,7 +125,7 @@
{* SSO login *}
<include href="templates/modules/sso.html"/>
{* splash page -> shown by Javascript *}
{* release notes notification panel -> shown by Javascript *}
<div id="pf-notification-panel"></div>
</div>
</section>

32
sass/layout/_main.scss
View File

@@ -1402,12 +1402,14 @@ code {
// footer (map) ===================================================================================
#pf-footer{
display: flex;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
background: rgba($gray, 0.3);
padding: 1px 0;
a{
font-family: $font-family-bold;
@@ -1418,6 +1420,24 @@ code {
text-decoration: none;
}
}
.pf-footer-left{
display: flex;
flex: none; // shorthand for: flex-grow: 0, flex-shrink: 0, flex-basis: auto
justify-content: flex-start;
}
.pf-footer-center{
display: flex;
flex: 1; // shorthand for: flex-grow: 1, flex-shrink: 1, flex-basis: 0
padding: 0 20px;
}
.pf-footer-right{
display: flex;
flex: none; // shorthand for: flex-grow: 0, flex-shrink: 0, flex-basis: auto
justify-content: flex-end;
}
}
// footer (navigation) ============================================================================
@@ -1441,12 +1461,14 @@ code {
// global info panel ==============================================================================
#pf-global-info{
position: absolute;
left: 0;
bottom: 32px;
width: 100%;
height: 32px;
margin-bottom: 0; // overwrite default "alert" style
margin-bottom: 0; // overwrite default "alert" style
border: none;
padding: 9px 10px;
.ui-pnotify-title{
margin-bottom: 0; // overwrite default "alert" style
}
}
// reverse order (reverse render order)