[openmeetings] 01/01: OPENMEETINGS-2344 Fix filetree item width to resize according to panel width.

[se...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

sebawagner pushed a commit to branch feature/OPENMEETINGS-2344-file-explorer-files-to-use-whitespace
in repository https://gitbox.apache.org/repos/asf/openmeetings.git

commit a17aea621a283993b8ea4ed37fb8bc4fd09cc07b
Author: Sebastian Wagner <se...@apache.org>
AuthorDate: Tue May 5 08:19:58 2020 +1200

    OPENMEETINGS-2344 Fix filetree item width to resize according to panel width.
---
 openmeetings-web/src/main/webapp/css/raw-room.css | 10 +++++++++-
 openmeetings-web/src/main/webapp/css/raw-tree.css | 11 ++++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/openmeetings-web/src/main/webapp/css/raw-room.css b/openmeetings-web/src/main/webapp/css/raw-room.css
index 40797c0..dde526f 100644
--- a/openmeetings-web/src/main/webapp/css/raw-room.css
+++ b/openmeetings-web/src/main/webapp/css/raw-room.css
@@ -397,11 +397,19 @@ html[dir="rtl"] .room-block .sb-wb .sidebar {
 .room-block.narrow .sidebar .tab.om-icon.big .label {
 	display: none;
 }
-.room-block.narrow .sidebar .file-tree .file.item .name
+/*.room-block.narrow .sidebar .file-tree .file.item .name
 	, .room-block.narrow .sidebar .file-tree .file.item .name span
 {
+	width: calc(var(--room-sidebar-width) + var(--buffer-size));
 	width: 40px;
 }
+.room-block .sidebar .file-tree .file.item .name
+	, .room-block .sidebar .file-tree .file.item .name span
+{
+	max-width: calc(var(--room-sidebar-width) - 100px);
+	min-width: 60px;
+}
+*/
 .room-block .wait-moder {
 	position: fixed;
 	bottom: 30px;
diff --git a/openmeetings-web/src/main/webapp/css/raw-tree.css b/openmeetings-web/src/main/webapp/css/raw-tree.css
index 6cb4f70..a2d7e0c 100644
--- a/openmeetings-web/src/main/webapp/css/raw-tree.css
+++ b/openmeetings-web/src/main/webapp/css/raw-tree.css
@@ -1,7 +1,6 @@
 /* Licensed under the Apache License, Version 2.0 (the "License") http://www.apache.org/licenses/LICENSE-2.0 */
 .file-tree {
 	vertical-align: top;
-	max-width: 350px;
 	height: 100%;
 	width: 100%;
 	display: inline-block;
@@ -24,6 +23,12 @@
 .file-tree .footer .sizes .size {
 	padding-left: 5px;
 }
+.file-tree .file.item .name
+	, .file-tree .file.item .name span
+{
+	max-width: calc(var(--room-sidebar-width) - 100px);
+	min-width: 60px;
+}
 .trash-toolbar {
 	font-weight: bold;
 	line-height: 20px;
@@ -155,8 +160,6 @@
 .file.item .name, .file.item .name span {
 	color: black;
 	display: block;
-	width: 230px;
-	max-width: 230px;
 	/* Required for text-overflow to do anything */
 	text-overflow: ellipsis;
 	white-space: nowrap;
@@ -171,6 +174,8 @@
 	right: 0px;
 	width: 32px;
 	height: 32px;
+	margin: 0px;
+	padding: 0px;
 }
 .file.item .errors::before {
 	color: var(--warning);