jothepro / doxygen-awesome-css

Custom CSS theme for doxygen html-documentation with lots of customization parameters.
https://jothepro.github.io/doxygen-awesome-css/
MIT License
1.06k stars 118 forks source link

Show Tree View Only On Large Screens #70

Open westocl opened 2 years ago

westocl commented 2 years ago

Is there a way to configure the CSS to only show the tree view on large screens?

The tree view is helpful but only on desktops. When viewed on a mobile, it is more of a distraction because of the lack of space

dmadison commented 2 years ago

Isn't this already the case? The tree-view collapses to a hamburger menu below 768 px width.

westocl commented 2 years ago

Hmmm, on my IPad it still shows even when the iPad is in the horizontal view. I know that view is less than 768.

Is this just a parameter in the CSS? Sent from my iPhone

On Apr 5, 2022, at 6:57 PM, Dave Madison @.***> wrote:

 Isn't this already the case? The tree-view collapses to a hamburger menu below 768 px width.

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.

jothepro commented 2 years ago

I don't have an iPad at hand, can you provide screenshots of what you are seeing? Maybe your browser is in "Desktop mode" which would mean that the page is scaled down to fit in the viewport?

The breakpoint for the mobile layout is not parameterized, it's fixed to < 768px as @dmadison pointed out. Afaik this is inherited from the default Doxygen theme. I'm not sure if it's possible to make it configurable, it may be hardcoded in some Doxygen JS-code.

Nevertheless I agree that especially with the sidebar-only theme the layout may be suboptimal on some tablets. On the demo page the sidebar is taking up nearly half of the screen right before it would switch to the mobile layout. 😕

Bildschirmfoto 2022-04-06 um 18 56 40
westocl commented 2 years ago

This is wierd. I looks to be working now and not showing the side bar on the iPad which is what I want.

I did change some bootstrap css stuff, so maybe the bootstrap css I have is interacting the the Doxygen css.

On a separate note, thanks for doing this project… Doxygen looks so much better now

Sent from my iPhone

On Apr 6, 2022, at 1:06 PM, jothepro @.***> wrote:

 I don't have an iPad at hand, can you provide screenshots of what you are seeing? Maybe your browser is in "Desktop mode" which would mean that the page is scaled down to fit in the viewport?

The breakpoint for the mobile layout is not parameterized, it's fixed to < 768px as @dmadison pointed out. Afaik this is inherited from the default Doxygen theme. I'm not sure if it's possible to make it configurable, it may be hardcoded in some Doxygen JS-code.

Nevertheless I agree that especially in the sidebar-only theme the layout is suboptimal right before the mobile breakpoint kicks in. On the demo page the sidebar is taking up nearly half of the screen right before it would switch to the mobile layout. This is for sure producing suboptimal page layouts on some tablet screens. 😕

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.

westocl commented 2 years ago

It’s seems to be working incorrectly again after resetting the

Sent from my iPhone

On Apr 6, 2022, at 6:27 PM, Clarence Weston @.***> wrote:

This is wierd. I looks to be working now and not showing the side bar on the iPad which is what I want.

I did change some bootstrap css stuff, so maybe the bootstrap css I have is interacting the the Doxygen css.

On a separate note, thanks for doing this project… Doxygen looks so much better now

Sent from my iPhone >> On Apr 6, 2022, at 1:06 PM, jothepro ***@***.***> wrote: >> >  > I don't have an iPad at hand, can you provide screenshots of what you are seeing? Maybe your browser is in "Desktop mode" which would mean that the page is scaled down to fit in the viewport? > > The breakpoint for the mobile layout is not parameterized, it's fixed to < 768px as @dmadison pointed out. Afaik this is inherited from the default Doxygen theme. I'm not sure if it's possible to make it configurable, it may be hardcoded in some Doxygen JS-code. > > Nevertheless I agree that especially in the sidebar-only theme the layout is suboptimal right before the mobile breakpoint kicks in. On the demo page the sidebar is taking up nearly half of the screen right before it would switch to the mobile layout. This is for sure producing suboptimal page layouts on some tablet screens. 😕 > > > > — > Reply to this email directly, view it on GitHub, or unsubscribe. > You are receiving this because you authored the thread.
jothepro commented 2 years ago

@westocl any updates from your side? Did you ultimately resolve the problem?