From c2c12e41032aca45c794b5ee5b1c5c8d0713c215 Mon Sep 17 00:00:00 2001 From: Yord Date: Tue, 20 Oct 2015 22:56:12 +0200 Subject: [PATCH] Fixed positioning bug in Chrome and capacitor bug --- ikrpg.appcache | 2 +- static/javascripts/generator.js | 2 +- static/stylesheets/content/generator.css | 62 ++++++++++++------------ 3 files changed, 33 insertions(+), 33 deletions(-) diff --git a/ikrpg.appcache b/ikrpg.appcache index 1b5eada..a8ac566 100644 --- a/ikrpg.appcache +++ b/ikrpg.appcache @@ -1,5 +1,5 @@ CACHE MANIFEST -# 2015-10-19v2 +# 2015-10-20 CACHE: diff --git a/static/javascripts/generator.js b/static/javascripts/generator.js index 7c69d6e..1a12645 100644 --- a/static/javascripts/generator.js +++ b/static/javascripts/generator.js @@ -2012,7 +2012,7 @@ var ikrpg = ikrpg || {}; } $(".character-sheet .capacitor").each(function(index, capacitor) { - buildAutocomplete(".character-sheet #"+$(capacitor).attr("id")); + buildAutocomplete(".character-sheet #"+$(capacitor).attr("id"), ".title"); }); $(".character-sheet .mechanika").each(function(index, mechanika) { diff --git a/static/stylesheets/content/generator.css b/static/stylesheets/content/generator.css index cb77375..ddb131a 100644 --- a/static/stylesheets/content/generator.css +++ b/static/stylesheets/content/generator.css @@ -168,8 +168,8 @@ form#import-export:target { display: block; } .character-sheet #feats { font-size: 40px; margin: 606px 0 0 698px; width: 51px; text-align: center; } .character-sheet .gear { position: absolute; margin-left: 5px; } -.character-sheet .gear .title { font-size: 11px; padding-top: 3px; width: 285px; } -.character-sheet .gear .benefit { font-size: 11px; padding-top: 3px; margin-left: 125px; width: 160px; } +.character-sheet .gear .title { font-size: 11px; padding-top: 3px; margin-top: 3px; width: 285px; } +.character-sheet .gear .benefit { font-size: 11px; padding-top: 3px; margin-top: 3px; margin-left: 125px; width: 160px; } .character-sheet #gear1 { margin-top: 35px; } .character-sheet #gear2 { margin-top: 55px; } .character-sheet #gear3 { margin-top: 75px; } @@ -190,70 +190,70 @@ form#import-export:target { display: block; } .character-sheet #gear18 { margin-top: 373px; } .character-sheet #gear19 { margin-top: 393px; } .character-sheet .wornarmor { position: absolute; margin-left: 5px; } -.character-sheet .wornarmor .name { font-size: 11px; padding-top: 3px; width: 183px; } -.character-sheet .wornarmor .notes { font-size: 11px; padding-top: 3px; margin-left: 75px; width: 108px; } -.character-sheet .wornarmor .spd { margin-left: 186px; width: 17px; text-align: center; } -.character-sheet .wornarmor .def { margin-left: 225px; width: 17px; text-align: center; } -.character-sheet .wornarmor .arm { margin-left: 260px; width: 17px; text-align: center; } +.character-sheet .wornarmor .name { font-size: 11px; padding-top: 3px; margin-top: 3px; width: 183px; } +.character-sheet .wornarmor .notes { font-size: 11px; padding-top: 3px; margin-top: 3px; margin-left: 75px; width: 108px; } +.character-sheet .wornarmor .spd { margin-top: 3px; margin-left: 186px; width: 17px; text-align: center; } +.character-sheet .wornarmor .def { margin-top: 3px; margin-left: 225px; width: 17px; text-align: center; } +.character-sheet .wornarmor .arm { margin-top: 3px; margin-left: 260px; width: 17px; text-align: center; } .character-sheet #wornarmor1 { margin-top: 465px; } .character-sheet #wornarmor2 { margin-top: 485px; } .character-sheet #wornarmor3 { margin-top: 505px; } .character-sheet #wornarmor4 { margin-top: 525px; } .character-sheet .connection { position: absolute; margin-left: 5px; } -.character-sheet .connection .name { font-size: 11px; padding-top: 3px; width: 286px; } -.character-sheet .connection .notes { font-size: 11px; padding-top: 3px; margin-left: 98px; width: 188px; } -.character-sheet .connection .page { margin-left: 238px; width: 48px; text-align: right; } +.character-sheet .connection .name { font-size: 11px; padding-top: 3px; margin-top: 3px; width: 286px; } +.character-sheet .connection .notes { font-size: 11px; padding-top: 3px; margin-top: 3px; margin-left: 98px; width: 188px; } +.character-sheet .connection .page { margin-left: 238px; margin-top: 3px; width: 48px; text-align: right; } .character-sheet #connection1 { margin-top: 597px; } .character-sheet #connection2 { margin-top: 617px; } .character-sheet #connection3 { margin-top: 637px; } .character-sheet #connection4 { margin-top: 657px; } .character-sheet #arcanetradition { position: absolute; margin: 9px 0 0 398px; width: 256px; } .character-sheet .spell { position: absolute; margin-left: 312px; } -.character-sheet .spell .title { font-size: 11px; padding-top: 3px; width: 134px; } -.character-sheet .spell .cost { margin-left: 140px; width: 33px; text-align: center; } -.character-sheet .spell .rng { margin-left: 178px; width: 32px; text-align: center; } -.character-sheet .spell .aoe { margin-left: 215px; width: 32px; text-align: center; } -.character-sheet .spell .pow { margin-left: 252px; width: 33px; text-align: center; } -.character-sheet .spell .up { margin-left: 290px; width: 32px; text-align: center; } -.character-sheet .spell .off { margin-left: 327px; width: 28px; text-align: center; } +.character-sheet .spell .title { margin-top: 3px; font-size: 11px; padding-top: 3px; width: 134px; } +.character-sheet .spell .cost { margin-top: 3px; margin-left: 140px; width: 33px; text-align: center; } +.character-sheet .spell .rng { margin-top: 3px; margin-left: 178px; width: 32px; text-align: center; } +.character-sheet .spell .aoe { margin-top: 3px; margin-left: 215px; width: 32px; text-align: center; } +.character-sheet .spell .pow { margin-top: 3px; margin-left: 252px; width: 33px; text-align: center; } +.character-sheet .spell .up { margin-top: 3px; margin-left: 290px; width: 32px; text-align: center; } +.character-sheet .spell .off { margin-top: 3px; margin-left: 327px; width: 28px; text-align: center; } .character-sheet .spell .description { font-size: 11px; padding-top: 3px; margin-top: 23px; width: 355px; } .character-sheet #spell1 { margin-top: 47px; } -.character-sheet #spell2 { margin-top: 97px; } +.character-sheet #spell2 { margin-top: 96px; } .character-sheet #spell3 { margin-top: 147px; } -.character-sheet #spell4 { margin-top: 197px; } +.character-sheet #spell4 { margin-top: 196px; } .character-sheet #spell5 { margin-top: 247px; } .character-sheet #spell6 { margin-top: 296px; } .character-sheet #spell7 { margin-top: 345px; } .character-sheet #spell8 { margin-top: 395px; } .character-sheet .iku .mechanika { display: none; } .character-sheet .mechanika { position: absolute; margin-left: 312px; } -.character-sheet .mechanika .housing { font-size: 11px; padding-top: 3px; width: 84px; } -.character-sheet .mechanika .runeplate { font-size: 11px; padding-top: 3px; margin-left: 90px; width: 84px; } -.character-sheet .mechanika .capacitor { font-size: 11px; padding-top: 3px; margin-left: 180px; width: 84px; } -.character-sheet .mechanika .notes { font-size: 11px; padding-top: 3px; margin-left: 270px; width: 84px; } +.character-sheet .mechanika .housing { font-size: 11px; padding-top: 3px; margin-top: 3px; width: 84px; } +.character-sheet .mechanika .runeplate { font-size: 11px; padding-top: 3px; margin-top: 3px; margin-left: 90px; width: 84px; } +.character-sheet .mechanika .capacitor { font-size: 11px; padding-top: 3px; margin-top: 3px; margin-left: 180px; width: 84px; } +.character-sheet .mechanika .notes { font-size: 11px; padding-top: 3px; margin-top: 3px; margin-left: 270px; width: 84px; } .character-sheet #mechanika1 { margin-top: 483px; } .character-sheet #mechanika2 { margin-top: 503px; } .character-sheet #mechanika3 { margin-top: 523px; } .character-sheet #mechanika4 { margin-top: 543px; } .character-sheet #mechanika5 { margin-top: 563px; } .character-sheet .iku .runeplate { display: none; } -.character-sheet .runeplate { position: absolute; margin-left: 312px; } -.character-sheet .runeplate .title { font-size: 11px; padding-top: 3px; width: 84px; } -.character-sheet .runeplate .benefit { font-size: 11px; padding-top: 3px; margin-left: 90px; width: 78px; } +.character-sheet .runeplate { position: absolute; margin-top: 3px; margin-left: 312px; } +.character-sheet .runeplate .title { font-size: 11px; padding-top: 3px; margin-top: 3px; width: 84px; } +.character-sheet .runeplate .benefit { font-size: 11px; padding-top: 3px; margin-top: 3px; margin-left: 90px; width: 78px; } .character-sheet #runeplate1 { margin-top: 601px; } .character-sheet #runeplate2 { margin-top: 621px; } .character-sheet #runeplate3 { margin-top: 641px; } .character-sheet #runeplate4 { margin-top: 661px; } .character-sheet .iku .capacitor { display: none; } -.character-sheet .capacitor { position: absolute; margin-left: 498px; } -.character-sheet .capacitor .title { font-size: 11px; padding-top: 3px; width: 78px; } -.character-sheet .capacitor .charges { font-size: 11px; padding-top: 3px; margin-left: 84px; width: 84px; } +.character-sheet .capacitor { position: absolute; margin-top: 3px; margin-left: 498px; } +.character-sheet .capacitor .title { font-size: 11px; padding-top: 3px; margin-top: 3px; width: 78px; } +.character-sheet .capacitor .charges { font-size: 11px; padding-top: 3px; margin-top: 3px; margin-left: 84px; width: 84px; } .character-sheet #capacitor1 { margin-top: 601px; } .character-sheet #capacitor2 { margin-top: 621px; } .character-sheet #capacitor3 { margin-top: 641px; } .character-sheet #capacitor4 { margin-top: 661px; } -.character-sheet .note { position: absolute; margin-left: 698px; } -.character-sheet .note .text { font-size: 11px; padding-top: 3px; width: 265px; } +.character-sheet .note { position: absolute; margin-top: 3px; margin-left: 698px; } +.character-sheet .note .text { font-size: 11px; padding-top: 3px; margin-top: 3px; width: 265px; } .character-sheet #note1 { margin-top: 35px; } .character-sheet #note2 { margin-top: 54px; } .character-sheet #note3 { margin-top: 73px; }