Skip to content
This repository has been archived by the owner on Feb 22, 2024. It is now read-only.

Add show-on-load class to show elements on load #124

Merged
merged 1 commit into from
Jan 11, 2017
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/botPage/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,7 @@ class BotPage {
trackJs.configure({
userId: $('.account-id').first().text(),
})
$('.show-on-load').show()
$('.barspinner').hide()
this.view.activeTour = this.view.tours.welcome
this.view.activeTour.welcome(() => {
Expand Down
5 changes: 4 additions & 1 deletion src/indexPage/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,7 @@ import { load as loadLang } from '../common/lang'
window.$ = $ // eslint-disable-line no-undef
loadLang()
setAppId()
oauthLogin(() => $('.barspinner').hide())
oauthLogin(() => {
$('.show-on-load').show()
$('.barspinner').hide()
})
4 changes: 4 additions & 0 deletions static/css/bot.scss
Original file line number Diff line number Diff line change
Expand Up @@ -172,3 +172,7 @@ select.tour-highlight {
left: 0px;
transition: 0.5s;
}

.show-on-load {
display: none;
}
4 changes: 4 additions & 0 deletions static/css/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -82,3 +82,7 @@ ul.bullet {
.button span {
text-transform: inherit !important;
}

.show-on-load {
display: none;
}
6 changes: 3 additions & 3 deletions templates/bot.mustache
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
</div>
{{> loading }}
<div id="topbar">
<div class="right-header">
<div class="right-header show-on-load">
<div class="tours">
<ul id="display-tour">
<li>
Expand Down Expand Up @@ -71,7 +71,7 @@
</a>
</div>
</div>
<div class="right-header">
<div class="right-header show-on-load">
<div class="intro-login-logout">
<div id="account-list">
<div id="main-logout">
Expand Down Expand Up @@ -172,7 +172,7 @@
<form id="fileUploadForm" style="display: none;">
<input title="Open an already saved XML file and retrieve its blocks" type="file" id="files" accept=".xml" multiple/>
</form>
<div id="toolbox" class="actions_menu">
<div id="toolbox" class="actions_menu show-on-load">
<div class="group-save">
<button title="Load the blocks as an XML file" id="loadXml" class="toolbox-button icon-browse"></button>
<div id="saveXml"></div>
Expand Down
4 changes: 2 additions & 2 deletions templates/index.mustache
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<body>
{{> loading }}
<div id="topbar">
<div class="wrapper">
<div class="wrapper show-on-load">
{{> language }}
</div>
</div>
Expand All @@ -34,7 +34,7 @@
</div>
<div id="main">
<div>
<div class="content">
<div class="content show-on-load">
<h1 class="center" data-i18n-text="Binary Bot"></h1>
<h3 class="center" data-i18n-text="Trade More Efficiently Than You Ever Thought Possible"></h3>
<div class="half-width">
Expand Down