flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-29 11:10:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

added shadow toggler button for testing...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-02-09 02:10:35 +04:00
parent b8b81ca118
commit d208a2a09a
3 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@ -800,14 +800,14 @@ $(document).ready(function(){
<button id="USE_REAL_PAGE_SIZES" onclick="toggleSetting(this)"></button> <button id="USE_REAL_PAGE_SIZES" onclick="toggleSetting(this)"></button>
</td> </td>
</tr> </tr>
<tr> <!--tr>
<td> <td>
Animate window resize: Animate window resize:
</td> </td>
<td> <td>
<button id="ANIMATE_WINDOW_RESIZE" onclick="toggleSetting(this)"></button> <button id="ANIMATE_WINDOW_RESIZE" onclick="toggleSetting(this)"></button>
</td> </td>
</tr> </tr-->
<tr> <tr>
<td> <td>
Drag in full page view: Drag in full page view:
@ -840,6 +840,14 @@ $(document).ready(function(){
<button id="theme_toggler" onclick="toggleThemes(); $(this).text(toggleThemes('?'))"></button> <button id="theme_toggler" onclick="toggleThemes(); $(this).text(toggleThemes('?'))"></button>
</td> </td>
</tr> </tr>
<tr>
<td>
Toggele themes shadows:
</td>
<td>
<button id="theme_shadow_toggler" onclick="toggleShadows(); $(this).text(toggleShadows('?'))"></button>
</td>
</tr>
<tr> <tr>
<td> <td>
Full navigation gistory: Full navigation gistory:
@ -860,7 +868,7 @@ $(document).ready(function(){
<hr noshade color="silver"> <hr noshade color="silver">
<table class="settings" width="100%" style="font-size:small"> <table class="settings" width="100%" style="font-size:x-small">
<tr> <tr>
<td width="50%"> <td width="50%">
Fingers supported: Fingers supported:
@ -933,7 +941,7 @@ $(document).ready(function(){
FIT_PAGE_TO_VIEW = $('#FIT_PAGE_TO_VIEW').text() == 'true' ? true : false FIT_PAGE_TO_VIEW = $('#FIT_PAGE_TO_VIEW').text() == 'true' ? true : false
ANIMATE_WINDOW_RESIZE = $('#ANIMATE_WINDOW_RESIZE').text() == 'true' ? true : false //ANIMATE_WINDOW_RESIZE = $('#ANIMATE_WINDOW_RESIZE').text() == 'true' ? true : false
DRAG_FULL_PAGE = $('#DRAG_FULL_PAGE').text() == 'true' ? true : false DRAG_FULL_PAGE = $('#DRAG_FULL_PAGE').text() == 'true' ? true : false
USE_REAL_PAGE_SIZES = $('#USE_REAL_PAGE_SIZES').text() == 'true' ? true : false USE_REAL_PAGE_SIZES = $('#USE_REAL_PAGE_SIZES').text() == 'true' ? true : false
UPDATE_HASH_URL_POSITION = $('#UPDATE_HASH_URL_POSITION').text() == 'true' ? true : false UPDATE_HASH_URL_POSITION = $('#UPDATE_HASH_URL_POSITION').text() == 'true' ? true : false
@ -943,17 +951,18 @@ $(document).ready(function(){
$('#transition_duration').attr('value', TRANSITION_DURATION) $('#transition_duration').attr('value', TRANSITION_DURATION)
$('#PAGES_IN_RIBBON').attr('value', PAGES_IN_RIBBON) $('#PAGES_IN_RIBBON').attr('value', PAGES_IN_RIBBON)
$('#FIT_PAGE_TO_VIEW').text(FIT_PAGE_TO_VIEW) $('#FIT_PAGE_TO_VIEW').text(FIT_PAGE_TO_VIEW)
$('#ANIMATE_WINDOW_RESIZE').text(ANIMATE_WINDOW_RESIZE) //$('#ANIMATE_WINDOW_RESIZE').text(ANIMATE_WINDOW_RESIZE)
$('#DRAG_FULL_PAGE').text(DRAG_FULL_PAGE) $('#DRAG_FULL_PAGE').text(DRAG_FULL_PAGE)
$('#USE_REAL_PAGE_SIZES').text(USE_REAL_PAGE_SIZES) $('#USE_REAL_PAGE_SIZES').text(USE_REAL_PAGE_SIZES)
$('#UPDATE_HASH_URL_POSITION').text(UPDATE_HASH_URL_POSITION) $('#UPDATE_HASH_URL_POSITION').text(UPDATE_HASH_URL_POSITION)
$('#FULL_HISTORY_ENABLED').text(FULL_HISTORY_ENABLED) $('#FULL_HISTORY_ENABLED').text(FULL_HISTORY_ENABLED)
$('#theme_toggler').text(toggleThemes('?'))
$('#theme_shadow_toggler').text(toggleShadows('?'))
$('#FingersSupported').text($.fn.swipe.fingers.ALL) $('#FingersSupported').text($.fn.swipe.fingers.ALL)
var b = $('#BrowserInfo') var b = $('#BrowserInfo')
$.each($.browser, function(i, e){$('<div>'+i+': '+e+'</div>').appendTo(b)}) $.each($.browser, function(i, e){$('<div>'+i+': '+e+'</div>').appendTo(b)})
$('#UserAgent').text(navigator.userAgent) $('#UserAgent').text(navigator.userAgent)
$('#theme_toggler').text(toggleThemes('?'))
} }
function toggleSetting(obj){ function toggleSetting(obj){
obj = $(obj) obj = $(obj)

10
magazine-themes.css
View File

@ -261,4 +261,14 @@
/*********************************************************************/
.shadowless.viewer .magazine,
.shadowless.viewer .top-toolbar,
.shadowless.viewer .bottom-toolbar {
box-shadow: none;
}
/*********************************************************************/ /*********************************************************************/

2
magazine.js
View File

@ -81,6 +81,8 @@ toggleThemes = createCSSClassToggler('.viewer', [
'dark' 'dark'
]) ])
toggleShadows = createCSSClassToggler('.viewer', 'shadowless')
// this is here only for speed, helps with dragging... // this is here only for speed, helps with dragging...