summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSamuel Mannehed <samuel@cendio.se>2022-10-28 16:04:06 +0200
committerSamuel Mannehed <samuel@cendio.se>2022-10-28 16:04:06 +0200
commit6b2357061e1b0865673e1c2c45191d2236080c32 (patch)
tree74e4af80ade6d8e0e5b80ffe3e4f96d53310c44a
parentdd713bee63a7f31c9827afce0471a0a1b360e713 (diff)
downloadnovnc-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.css3
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;