From b5134eece69ce2226304a4ade0e2cf542db4aad4 Mon Sep 17 00:00:00 2001 From: Ashish Baravaliya Date: Wed, 21 Jun 2023 21:01:52 -0400 Subject: [PATCH 1/5] fix: the file extension is not visible --- src/components/Pill/Pill.scss | 5 ++--- src/dashboard/Data/Browser/EditRowDialog.react.js | 2 +- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/src/components/Pill/Pill.scss b/src/components/Pill/Pill.scss index 91744f68d1..4ee5540510 100644 --- a/src/components/Pill/Pill.scss +++ b/src/components/Pill/Pill.scss @@ -10,7 +10,7 @@ .pill { @include MonospaceFont; position: relative; - display: inline-block; + display: flex; color: #0E69A1; height: 20px; line-height: 20px; @@ -21,7 +21,6 @@ text-overflow: ellipsis; white-space: nowrap; & a { - position: absolute; right: 0; height: 20px; width: 20px; @@ -43,7 +42,7 @@ } .content { - width: 80%; + width: 90%; text-overflow: ellipsis; overflow: hidden; text-align: left; diff --git a/src/dashboard/Data/Browser/EditRowDialog.react.js b/src/dashboard/Data/Browser/EditRowDialog.react.js index 532279bdb1..8c583cc9be 100644 --- a/src/dashboard/Data/Browser/EditRowDialog.react.js +++ b/src/dashboard/Data/Browser/EditRowDialog.react.js @@ -354,7 +354,7 @@ export default class EditRowDialog extends React.Component { let file = selectedObject[name]; let fileName = file && file.url() ? getFileName(file) : ''; inputComponent = ( -
+
{file && }
Date: Sat, 24 Jun 2023 12:58:30 -0400 Subject: [PATCH 2/5] fix: added new style class for file cell --- src/components/Pill/Pill.scss | 104 +++++++++--------- src/dashboard/Data/Browser/Browser.scss | 14 +++ .../Data/Browser/EditRowDialog.react.js | 2 +- 3 files changed, 68 insertions(+), 52 deletions(-) diff --git a/src/components/Pill/Pill.scss b/src/components/Pill/Pill.scss index 4ee5540510..73730469ba 100644 --- a/src/components/Pill/Pill.scss +++ b/src/components/Pill/Pill.scss @@ -5,55 +5,57 @@ * This source code is licensed under the license found in the LICENSE file in * the root directory of this source tree. */ -@import 'stylesheets/globals.scss'; + @import 'stylesheets/globals.scss'; -.pill { - @include MonospaceFont; - position: relative; - display: flex; - color: #0E69A1; - height: 20px; - line-height: 20px; - border-radius: 10px; - font-size: 11px; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - & a { - right: 0; - height: 20px; - width: 20px; - background: #d6e5f2; - border-radius: 50%; - margin-left: 5px; - & svg { - transform: rotate(316deg); - } - } - & .pillText { - position: absolute; - left: 0; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - width: 75%; - } -} - -.content { - width: 90%; - text-overflow: ellipsis; - overflow: hidden; - text-align: left; - height: 100%; - white-space: nowrap; -} - -.iconAction { - cursor: pointer; -} - -.disableIconAction { - cursor: initial; -} + .pill { + @include MonospaceFont; + position: relative; + display: inline-block; + color: #0E69A1; + height: 20px; + line-height: 20px; + border-radius: 10px; + font-size: 11px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + & a { + position: absolute; + right: 0; + height: 20px; + width: 20px; + background: #d6e5f2; + border-radius: 50%; + margin-left: 5px; + & svg { + transform: rotate(316deg); + } + } + & .pillText { + position: absolute; + left: 0; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + width: 75%; + } + } + + .content { + width: 80%; + text-overflow: ellipsis; + overflow: hidden; + text-align: left; + height: 100%; + white-space: nowrap; + } + + .iconAction { + cursor: pointer; + } + + .disableIconAction { + cursor: initial; + } + \ No newline at end of file diff --git a/src/dashboard/Data/Browser/Browser.scss b/src/dashboard/Data/Browser/Browser.scss index 6d3ea83a4e..8e012ad1c2 100644 --- a/src/dashboard/Data/Browser/Browser.scss +++ b/src/dashboard/Data/Browser/Browser.scss @@ -250,3 +250,17 @@ body:global(.expanded) { width: calc(100% - 280px); float: left; } + +.editRowDialogFileCell { + max-width: 100%; + padding: 25px; + span { + display: flex; + span { + width: 90%; + } + & a { + position: relative; + } + } +} \ No newline at end of file diff --git a/src/dashboard/Data/Browser/EditRowDialog.react.js b/src/dashboard/Data/Browser/EditRowDialog.react.js index 8c583cc9be..345464b02e 100644 --- a/src/dashboard/Data/Browser/EditRowDialog.react.js +++ b/src/dashboard/Data/Browser/EditRowDialog.react.js @@ -354,7 +354,7 @@ export default class EditRowDialog extends React.Component { let file = selectedObject[name]; let fileName = file && file.url() ? getFileName(file) : ''; inputComponent = ( -
+
{file && }
Date: Sat, 24 Jun 2023 13:09:09 -0400 Subject: [PATCH 3/5] fix: indentation fix --- src/components/Pill/Pill.scss | 104 +++++++++++++++++----------------- 1 file changed, 52 insertions(+), 52 deletions(-) diff --git a/src/components/Pill/Pill.scss b/src/components/Pill/Pill.scss index 73730469ba..32b8a7da0b 100644 --- a/src/components/Pill/Pill.scss +++ b/src/components/Pill/Pill.scss @@ -5,57 +5,57 @@ * This source code is licensed under the license found in the LICENSE file in * the root directory of this source tree. */ - @import 'stylesheets/globals.scss'; +@import 'stylesheets/globals.scss'; - .pill { - @include MonospaceFont; - position: relative; - display: inline-block; - color: #0E69A1; - height: 20px; - line-height: 20px; - border-radius: 10px; - font-size: 11px; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - & a { - position: absolute; - right: 0; - height: 20px; - width: 20px; - background: #d6e5f2; - border-radius: 50%; - margin-left: 5px; - & svg { - transform: rotate(316deg); - } - } - & .pillText { - position: absolute; - left: 0; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - width: 75%; - } - } - - .content { - width: 80%; - text-overflow: ellipsis; - overflow: hidden; - text-align: left; - height: 100%; - white-space: nowrap; - } - - .iconAction { - cursor: pointer; - } - - .disableIconAction { - cursor: initial; - } +.pill { + @include MonospaceFont; + position: relative; + display: inline-block; + color: #0E69A1; + height: 20px; + line-height: 20px; + border-radius: 10px; + font-size: 11px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + & a { + position: absolute; + right: 0; + height: 20px; + width: 20px; + background: #d6e5f2; + border-radius: 50%; + margin-left: 5px; + & svg { + transform: rotate(316deg); + } + } + & .pillText { + position: absolute; + left: 0; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + width: 75%; + } +} + +.content { + width: 80%; + text-overflow: ellipsis; + overflow: hidden; + text-align: left; + height: 100%; + white-space: nowrap; +} + +.iconAction { + cursor: pointer; +} + +.disableIconAction { + cursor: initial; +} \ No newline at end of file From 7682ecef44b29523c305e8f93efc2d418c974492 Mon Sep 17 00:00:00 2001 From: Ashish Baravaliya Date: Sat, 24 Jun 2023 13:09:57 -0400 Subject: [PATCH 4/5] fix: indentation fix --- src/components/Pill/Pill.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/Pill/Pill.scss b/src/components/Pill/Pill.scss index 32b8a7da0b..c3f4fa6e73 100644 --- a/src/components/Pill/Pill.scss +++ b/src/components/Pill/Pill.scss @@ -57,5 +57,4 @@ .disableIconAction { cursor: initial; -} - \ No newline at end of file +} \ No newline at end of file From f81c9a211f1fb9d17287d0c49b305811a54c53aa Mon Sep 17 00:00:00 2001 From: Ashish Baravaliya Date: Sat, 24 Jun 2023 13:12:21 -0400 Subject: [PATCH 5/5] fix: indentation fix --- src/components/Pill/Pill.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Pill/Pill.scss b/src/components/Pill/Pill.scss index c3f4fa6e73..91744f68d1 100644 --- a/src/components/Pill/Pill.scss +++ b/src/components/Pill/Pill.scss @@ -57,4 +57,4 @@ .disableIconAction { cursor: initial; -} \ No newline at end of file +}