Footer space in patches

[tayseidel]

In both epubs and kepubs (I primarily use kepubs), there is a large gap between the chapter progress (page 8 / 11) and the bottom of the main text.



If I enable the Reduce new header/footer height and set the min/max to say, 62px in the patches, any reduction pushes the chapter progress text into the progress bar and cuts it off.



I understand that turning the footer off will likely fix this but I do like seeing 7/11 for the chapter progress. (I have header and footer inverted so that book progress is on top).

I have the Kobo forma on the latest patched firmware (4.25.xx).



How can I fix this?

[JSWolf]

Here is a screenshot what I have for my header/footer for my H2O. If you like the way it looks, I'll post my settings for the relevant patch for firmware 4.25.

[tayseidel]

That's exactly the spacing I want. What are your settings for the patches?

[JSWolf]

Originally Posted by tayseidel

That's exactly the spacing I want. What are your settings for the patches?

These are the patches I use to modify the footer.

From libnickel.so.1.0.0.yaml

Don't uppercase header/footer text and change page number text:
  - Enabled: yes
  - Description: Combines the previous two patches.
  - PatchGroup: Header/footer page number text
  - ReplaceBytes:
      Base:            "ReadingView::getChapterTitle()"
      Offset:          282
      FindInstBLX:     {SymPLT: "QString::toUpper() const"}
      ReplaceInstBLX:  {SymPLT: "QString::trimmed() const"}
  - ReplaceBytes:
      Base:            "ReadingView::updateFooter()"
      Offset:          26
      FindInstBLX:     {SymPLT: "QString::toUpper() const"}
      ReplaceInstBLX:  {SymPLT: "QString::trimmed() const"}
  - FindReplaceString: {Find: "%1 OF %2", Replace: "%1 / %2"}
  - FindReplaceString: {Find: "%1% READ", Replace: "%1% read"}

From nickel.yaml

Reduce new header/footer height:
  - Enabled: yes
  - Description: |
        Reduce new reading header/footer heights when they are enabled.
        Affects both ePubs and KePubs.
        This patch may be of interest to those who used to enable the old
        "Custom menubar - reduce height by 33%"
  - FindZlib: "ReadingFooter"
  - ReplaceZlibGroup:
      # Adjust the Replace values of min-height/max-height as you wish.
      # Keep min-height=max-height
      Replacements:
        # ReadingFooter Reduce min/max height by 33%
        # Touch/Mini (Trilogy)
      - Find:    "ReadingFooter[qApp_deviceIsTrilogy=true] {\n  min-height: 56;\n  max-height: 56px;\n}"
        Replace: "ReadingFooter[qApp_deviceIsTrilogy=true] {\n  min-height: 37px;\n  max-height: 37px;\n}"
        # Glo/Aura/Aura2E (Phoenix)
      - Find:    "ReadingFooter[qApp_deviceIsPhoenix=true] {\n  min-height: 71px;\n  max-height: 71px;\n}"
        Replace: "ReadingFooter[qApp_deviceIsPhoenix=true] {\n  min-height: 47px;\n  max-height: 47px;\n}"
        # AuraHD/H2O/GloHD/ClaraHD (Dragon)
      - Find:    "ReadingFooter[qApp_deviceIsDragon=true] {\n  min-height: 101px;\n  max-height: 101px;\n}"
        Replace: "ReadingFooter[qApp_deviceIsDragon=true] {\n  min-height: 45px;\n  max-height: 45px;\n}"
        # AuraOne/Forma (Daylight)
      - Find:    "ReadingFooter[qApp_deviceIsDaylight=true] {\n  min-height: 131px;\n  max-height: 131px;\n}"
        Replace: "ReadingFooter[qApp_deviceIsDaylight=true] {\n  min-height: 86px;\n  max-height: 86px;\n}"
        # LibraH2O (Storm)
      - Find:    "ReadingFooter[qApp_deviceIsStorm=true] {\n  min-height: 118px;\n  max-height: 118px;\n}"
        Replace: "ReadingFooter[qApp_deviceIsStorm=true] {\n  min-height: 78px;\n  max-height: 78px;\n}"

Custom new header/footer font:
  - Enabled: yes
  - Description: |
        This patch allows you to change font-family and/or font-size in the 
        new header/footer. They will automatically be a matched pair. Full details & screenshots at 
        https://www.mobileread.com/forums/showpost.php?p=3897175&postcount=4
        N.B: This patch is not suitable for Japanese/Chinese locale users
        fw 4.23.15505 No longer possible to customise font-size for GloHD/ClaraHD
            separately from AuraHD/H2O. 

  - FindZlib: "ReadingFooter"
  - ReplaceZlibGroup:
      Replacements:
        # Part 1. Customise font-family (built-in or sideloaded font)
        #         Please see notes at
        #         https://www.mobileread.com/forums/showpost.php?p=3896190&postcount=2
        #         for general considerations whenever you change font-family in the Kobo GUI
        
        # #caption[newHeader=true] and #caption[newFooter=true]
        # N.B: If new font-family contains spaces wrap in 'single quotes', e.g. 'Kobo Nickel'
        
        # Un-comment and edit replacement font-family to change header/footer font
        #- {Find: "font-family: Avenir;", Replace: "font-family:Avenir;"}


        # Part 2. 
        #   2a. Customise font-size for header/footer
        #   2b. (optional) Fine-tune footer text position to avoid cutting bottom progressbar
        #       (optional) Fine-tune header text position to avoid possible shadow from top bezel
        #       May be useful to those who have also enabled patch 'Reduce new header/footer height'
        #       and have customised it to aggressively reduce header/footer height.
        
        # 2a. Change font-size for models other than Touch/Mini (header & footer simultaneously)
        # #caption[newHeader=true] & #caption[newFooter=true]
          # Glo/Aura/Aura2E/Nia (Phoenix)
        - Find:    "[qApp_deviceIsPhoenix=true] {\n  font-size: 17px;\n}"
          Replace: "[qApp_deviceIsPhoenix=true] {\n  font-size: 17px;\n}"
          # AuraHD/H2O/GloHD/ClaraHD (Dragon/Alyssum/Nova)
        - Find:    "[qApp_deviceIsDragon=true] {\n  font-size: 25px;\n}"
          Replace: "[qApp_deviceIsDragon=true] {\n  font-size: 26px;\n}"
          # LibraH2O (Storm)
        - Find:    "[qApp_deviceIsStorm=true] {\n  font-size: 29px;\n}"
          Replace: "[qApp_deviceIsStorm=true] {\n  font-size: 29px;\n}"
          # AuraOne/Forma (Daylight)
        - Find:    "[qApp_deviceIsDaylight=true] {\n  font-size: 32px;\n}"
          Replace: "[qApp_deviceIsDaylight=true] {\n  font-size: 32px;\n}"
          
        # N.B: If you do not have a Touch/Mini and your header/footer 
        #      positions are exactly as you like them you do not need the
        #      next 3 Find/Replace pairs.
        #      Leave them as-is or comment them out entirely and forget about them.

        # Don't change the following pair. It exists to split the header/footer styles
        # which were merged in 4.19.14123.
        - Find:    "#caption[newHeader=true][qApp_deviceIsTrilogy=true],\n#caption[newFooter=true][qApp_deviceIsTrilogy=true] {\n  font-size: 14px;\n}"
          Replace: "#caption[newHeader=true][qApp_deviceIsTrilogy=true] {\n  font-size: 14px;\n}\n#caption[newFooter=true][qApp_deviceIsTrilogy=true] {\n  font-size: 14px;\n}"

        # 2a. Touch/Mini users only: Adjust footer font-size as required.
        # 2b. All models (optional): Fine-tune footer position by adjusting margin-top value
        #     A negative margin-top (e.g -10px) moves the footer text slightly upwards
        #     further from the bottom bezel/progressbar, closer to the page content
        - Find:    "#caption[newFooter=true][qApp_deviceIsTrilogy=true] {\n  font-size: 14px;\n}"
          Replace: "#caption[newFooter=true] {\n  font-size: 13px; margin-top: -25px;}"
        
        # 2a. Touch/Mini users only: Adjust header font-size as required.
        # 2b. All models (optional): Fine-tune header position by adjusting margin-bottom value.
        #     A negative margin-bottom (e.g -10px) moves the header text slightly downwards
        #     further from the top bezel, closer to the page content
        - Find:    "#caption[newHeader=true][qApp_deviceIsTrilogy=true] {\n  font-size: 14px;\n}"
          Replace: "#caption[newHeader=true] {\n  font-size: 13px; margin-bottom: 0px;}"

        # Don't change anything below. It exists to free up some space for
        # your changes above by removing Japanese/Chinese-specific CSS code blocks
        # so that kobopatch will run without giving some kind of 'too long' error message.
        - {Find: "#caption[newHeader=true][localeName=\"ja\"],\n#caption[newFooter=true][localeName=\"ja\"] {\n  font-family: Sans-SerifJP, sans-serif;\n  font-style: normal;\n}\n", Replace: "\n"}
        - {Find: "#caption[newHeader=true][localeName=\"zh\"],\n#caption[newFooter=true][localeName=\"zh\"] {\n  font-family: Sans-SerifZH-Simplified, sans-serif;\n  font-style: normal;\n}\n", Replace: "\n"}
        - {Find: "#caption[newHeader=true][localeName=\"zh-HK\"],\n#caption[newFooter=true][localeName=\"zh-HK\"] {\n  font-family: Sans-SerifZH-Traditional, sans-serif;\n  font-style: normal;\n}\n", Replace: "\n"}
        - {Find: "#caption[newHeader=true][localeName=\"zh-TW\"],\n#caption[newFooter=true][localeName=\"zh-TW\"] {\n  font-family: Sans-SerifZH-Traditional, sans-serif;\n  font-style: normal;\n}\n", Replace: "\n"}

[tayseidel]

Thanks- those are the patches I have enabled. Your values for the reduce header/footer are the same as mine at 86px. You have the custom header/footer font enabled which I don't. I don't see how that will change things for me.

Seems it could be a kepub issue. I'lll try epubs and see what the results are.

[jackie_w]

Originally Posted by tayseidel

Thanks- those are the patches I have enabled. Your values for the reduce header/footer are the same as mine at 86px. You have the custom header/footer font enabled which I don't. I don't see how that will change things for me.

Seems it could be a kepub issue. I'lll try epubs and see what the results are.

Your question was asked and answered very recently in posts #7 & #8 of this thread.

It's not a kepub issue.

[JSWolf]

Originally Posted by tayseidel

Thanks- those are the patches I have enabled. Your values for the reduce header/footer are the same as mine at 86px. You have the custom header/footer font enabled which I don't. I don't see how that will change things for me.

Seems it could be a kepub issue. I'lll try epubs and see what the results are.

The custom header/footer font is where the changes are to change the font size and the position.

Look at the patch and find the following - Find: lines and make the Replace: lines match. Those ar the numbers I changes.

        - Find:    "[qApp_deviceIsDragon=true] {\n  font-size: 25px;\n}"
          Replace: "[qApp_deviceIsDragon=true] {\n  font-size: 26px;\n}"

        - Find:    "#caption[newFooter=true][qApp_deviceIsTrilogy=true] {\n  font-size: 14px;\n}"
          Replace: "#caption[newFooter=true] {\n  font-size: 13px; margin-top: -25px;}"

        - Find:    "#caption[newHeader=true][qApp_deviceIsTrilogy=true] {\n  font-size: 14px;\n}"
          Replace: "#caption[newHeader=true] {\n  font-size: 13px; margin-bottom: 0px;}"

[Barruel]

I don't know if I have to post this here or in the patch thread, but bottom (and top) margins are not always being honored.

In some books it happens in the "pages" that start a chapter or section and everywhere else is fine, but in others it seems to be random. All of them are kepubs.

Is there an explanation for this?

[tayseidel]

I mistakenly assumed that JSWolf had a forma when he actually has a Clara HD, which is why I was a bit puzzled how he was able to run the default patched value of 86px for reduce header, and achieve the desired effect of reducing the footer height without cutting off either the progress bar or the text in the footer. He actually changed the value for the DeviceisDragon line under reduce header/footer, to 45. I missed that. I changed mine to 52.


Anyway, it took a lot of tinkering and patching/reboots of the Forma to get it to look just right on the Forma but these are the numbers I changed, in bold.

 # AuraOne/Forma (Daylight)
- Find:    "ReadingFooter[qApp_deviceIsDaylight=true] {\n  min-height: 131px;\n  max-height: 131px;\n}"
Replace: "ReadingFooter[qApp_deviceIsDaylight=true] {\n  min-height: 52px;\n  max-height: 52px;\n}"

-Find:    "#caption[newFooter=true][qApp_deviceIsTrilogy=true] {\n  font-size: 14px;\n}"
Replace: "#caption[newFooter=true] {\n  font-size: 8px; margin-top: -27px;}"

[JSWolf]

Originally Posted by tayseidel

I mistakenly assumed that JSWolf had a forma when he actually has a Clara HD, which is why I was a bit puzzled how he was able to run the default patched value of 86px for reduce header, and achieve the desired effect of reducing the footer height without cutting off either the progress bar or the text in the footer. He actually changed the value for the DeviceisDragon line under reduce header/footer, to 45. I missed that. I changed mine to 52.


Anyway, it took a lot of tinkering and patching/reboots of the Forma to get it to look just right on the Forma but these are the numbers I changed, in bold.

 # AuraOne/Forma (Daylight)
- Find:    "ReadingFooter[qApp_deviceIsDaylight=true] {\n  min-height: 131px;\n  max-height: 131px;\n}"
Replace: "ReadingFooter[qApp_deviceIsDaylight=true] {\n  min-height: 52px;\n  max-height: 52px;\n}"

-Find:    "#caption[newFooter=true][qApp_deviceIsTrilogy=true] {\n  font-size: 14px;\n}"
Replace: "#caption[newFooter=true] {\n  font-size: 8px; margin-top: -27px;}"

I have an Aura H2O (original). The values I posted are what works for the H2O.