Comments (4)
100% most of the case is not reliant. I only had support in the dialogs for vw, vh.
I added now the more common and better useable viewport height and widht using svw and svh.
Which will give you the smalles view port that matches the quasi "real browser" window.
from htwoo.
That looks cleaner indeed. Please let me know when it is on npm and I will see if I can remove my workaround. Thanks!
from htwoo.
🛳️ Shipped in 2.5.0 - https://lab.n8d.studio/htwoo/changelog/htwoo-core-cl/
from htwoo.
In my scenario the sidebars are sometimes stacked on top of eachother and/or are scrollable. I find that postion: fixed; height: 100%;
works better in my case.
1: Without postion: fixed
, the scrollbar will push the content to towards the center of the viewport, on Windows for example. Different browsers have the scrollbars either overlapping or to the side.
2: Without postion: fixed; height: 100%;
, overlaying sidebar may get less height than the one below when stacking them.
from htwoo.
Related Issues (20)
- Command bar height not matching Fluent React HOT 2
- Height of hoo-input-text changes when focused HOT 5
- Spinner implementation HOT 3
- Button style for aria-diabled HOT 2
- Invalid markup in cmdbar HOT 2
- Wrong width on overflow menu items HOT 3
- Wrong font weight on table headers HOT 3
- Forms and dialogs not adapting to dark mode HOT 1
- Should hoo-nav-list be green in the Teams themes? HOT 1
- Hover effect incorrectly shown on checkbox and radio button HOT 1
- Search box icon border not aligned HOT 1
- Not sure how to use hoo-progress HOT 3
- Background missing from hoo-progress? HOT 1
- Add min-height to hoo-meta-list HOT 2
- Button font-family missing from dist/htwoo.min.css HOT 4
- Disabled flyout buttons HOT 2
- Disabled icon button state not get applied
- No space between hoo-label and hoo-input-text HOT 1
- Some inputs have wrong height on mobile browsers
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from htwoo.