Restore existing styles.

TODO extract overrides instead of replacing styles wholesale.
This commit is contained in:
Samuel Reed 2014-07-09 12:03:34 -05:00
parent 5f22982200
commit a6afe13b08
9 changed files with 1685 additions and 4 deletions

View File

@ -10,6 +10,7 @@
content: attr(data-tooltip); content: attr(data-tooltip);
position: absolute; position: absolute;
white-space: nowrap; white-space: nowrap;
font-size: 12px;
background: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.85);
padding: 3px 7px; padding: 3px 7px;
color: #FFF; color: #FFF;
@ -19,3 +20,8 @@
right: 0; right: 0;
bottom: -30px; bottom: -30px;
} }
/*
FIXME: Separate the overrides from the rest of the styles, rather than override screen.css entirely.
*/

1675
public/css/screen.css Normal file

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
public/images/throbber.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

View File

@ -33,7 +33,7 @@
<a id="logo">StrongLoop API Explorer</a> <a id="logo">StrongLoop API Explorer</a>
<form id='api_selector'> <form id='api_selector'>
<div class='input'> <div class='input'>
<span class='accessTokenDisplay'>Access Token Not Set</span> <span class='accessTokenDisplay'>Token Not Set</span>
<input placeholder="accessToken" id="input_accessToken" name="accessToken" type="text"/> <input placeholder="accessToken" id="input_accessToken" name="accessToken" type="text"/>
</div> </div>
<div class='input'><a id="explore" type="submit">Set Access Token</a></div> <div class='input'><a id="explore" type="submit">Set Access Token</a></div>

View File

@ -45,7 +45,7 @@ $(function() {
log('added accessToken ' + key); log('added accessToken ' + key);
window.authorizations.add('key', new ApiKeyAuthorization('accessToken', key, 'query')); window.authorizations.add('key', new ApiKeyAuthorization('accessToken', key, 'query'));
accessToken = key; accessToken = key;
$('.accessTokenDisplay').text('Access Token Set.').addClass('set'); $('.accessTokenDisplay').text('Token Set.').addClass('set');
$('.accessTokenDisplay').attr('data-tooltip', 'Current Token: ' + key); $('.accessTokenDisplay').attr('data-tooltip', 'Current Token: ' + key);
} }
} }
@ -55,9 +55,9 @@ $(function() {
var key = $(e.currentTarget)[0].value; var key = $(e.currentTarget)[0].value;
if (!key || key.trim === '') return; if (!key || key.trim === '') return;
if (accessToken !== key) { if (accessToken !== key) {
$('.accessTokenDisplay').text('Access Token changed; submit to confirm.'); $('.accessTokenDisplay').text('Token changed; submit to confirm.');
} else { } else {
$('.accessTokenDisplay').text('Access Token Set.'); $('.accessTokenDisplay').text('Token Set.');
} }
} }
}); });