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

[sebawagner]

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 <sebawag...@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);