From 9c9a35cfaebf2fbb6a1ac5fe1ba4a6a6aaa8b564 Mon Sep 17 00:00:00 2001 From: gz65555 Date: Sat, 2 Apr 2022 11:58:24 +0800 Subject: [PATCH 1/2] feat: add max-width --- src/index.css | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/src/index.css b/src/index.css index c7494e3..d7b01ed 100644 --- a/src/index.css +++ b/src/index.css @@ -1,31 +1,32 @@ :root { - --panel-manager-border-color: #e4e4e4; - --panel-manager-border--active-color: #1890ff; + --panel-manager-border-color: #e4e4e4; + --panel-manager-border--active-color: #1890ff; } -div.resizable-default-border[data-panel-resizable='true'][data-panel-type='L'] { +div.resizable-default-border[data-panel-resizable="true"][data-panel-type="L"] { border-right: 1px solid var(--panel-manager-border-color); } -div.resizable-default-border[data-panel-resizable='true'][data-panel-type='T'] { +div.resizable-default-border[data-panel-resizable="true"][data-panel-type="T"] { border-bottom: 1px solid var(--panel-manager-border-color); } -div.resizable-default-border[data-panel-resizable='true'][data-panel-type='B'] { +div.resizable-default-border[data-panel-resizable="true"][data-panel-type="B"] { border-top: 1px solid var(--panel-manager-border-color); } -div.resizable-default-border[data-panel-resizable='true'][data-panel-type='R'] { +div.resizable-default-border[data-panel-resizable="true"][data-panel-type="R"] { border-left: 1px solid var(--panel-manager-border-color); } -div[data-panel-resizable='false'] { +div[data-panel-resizable="false"] { flex: 1; } div.panel-content-container { display: block !important; flex: 1; + max-width: 100%; } div[data-panel-type] { @@ -81,9 +82,9 @@ div[data-panel-type] { } .panel-manager-transition-width { - transition: width .6s ease; + transition: width 0.6s ease; } .panel-manager-transition-height { - transition: height .6s ease; + transition: height 0.6s ease; } From d04ff092d0f9c1e667740bb2070f8e0b247d312c Mon Sep 17 00:00:00 2001 From: gz65555 Date: Sat, 2 Apr 2022 12:02:02 +0800 Subject: [PATCH 2/2] style: revert style change --- src/index.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/index.css b/src/index.css index d7b01ed..1abc1b8 100644 --- a/src/index.css +++ b/src/index.css @@ -1,25 +1,25 @@ :root { - --panel-manager-border-color: #e4e4e4; - --panel-manager-border--active-color: #1890ff; + --panel-manager-border-color: #e4e4e4; + --panel-manager-border--active-color: #1890ff; } -div.resizable-default-border[data-panel-resizable="true"][data-panel-type="L"] { +div.resizable-default-border[data-panel-resizable='true'][data-panel-type='L'] { border-right: 1px solid var(--panel-manager-border-color); } -div.resizable-default-border[data-panel-resizable="true"][data-panel-type="T"] { +div.resizable-default-border[data-panel-resizable='true'][data-panel-type='T'] { border-bottom: 1px solid var(--panel-manager-border-color); } -div.resizable-default-border[data-panel-resizable="true"][data-panel-type="B"] { +div.resizable-default-border[data-panel-resizable='true'][data-panel-type='B'] { border-top: 1px solid var(--panel-manager-border-color); } -div.resizable-default-border[data-panel-resizable="true"][data-panel-type="R"] { +div.resizable-default-border[data-panel-resizable='true'][data-panel-type='R'] { border-left: 1px solid var(--panel-manager-border-color); } -div[data-panel-resizable="false"] { +div[data-panel-resizable='false'] { flex: 1; } @@ -82,9 +82,9 @@ div[data-panel-type] { } .panel-manager-transition-width { - transition: width 0.6s ease; + transition: width .6s ease; } .panel-manager-transition-height { - transition: height 0.6s ease; + transition: height .6s ease; }