diff options
author | Samuel Mannehed <samuel@cendio.se> | 2022-10-28 16:04:06 +0200 |
---|---|---|
committer | Samuel Mannehed <samuel@cendio.se> | 2022-10-28 16:04:06 +0200 |
commit | 6b2357061e1b0865673e1c2c45191d2236080c32 (patch) | |
tree | 74e4af80ade6d8e0e5b80ffe3e4f96d53310c44a | |
parent | dd713bee63a7f31c9827afce0471a0a1b360e713 (diff) | |
download | novnc-6b2357061e1b0865673e1c2c45191d2236080c32.tar.gz |
Use border-box for noVNC panels
If we use box-sizing: border-box we can avoid having to account for the
padding when calculcating the max-width.
-rw-r--r-- | app/styles/base.css | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/app/styles/base.css b/app/styles/base.css index 56d1dcf..b015b4d 100644 --- a/app/styles/base.css +++ b/app/styles/base.css @@ -422,7 +422,8 @@ html { transition: 0.5s ease-in-out; - max-width: calc(100vw - 2*15px - 75px - 25px); /* minus padding, and left and right margins */ + box-sizing: border-box; /* so max-width don't have to care about padding */ + max-width: calc(100vw - 75px - 25px); /* minus left and right margins */ max-height: 100vh; /* Chrome is buggy with 100% */ overflow-x: hidden; overflow-y: auto; |