From bf7b21d1e9aefcfdbe553ab9b5cfdd48b8b27c5d Mon Sep 17 00:00:00 2001 From: Jose Manuel Serrano Amaut <a20122128@pucp.pe> Date: Wed, 22 Mar 2023 00:28:47 -0500 Subject: [PATCH] [FIX]: Refactor missing style for text in loader --- .../components/file-mosaic/FileMosaic.scss | 3 +++ .../loader/DynamicLoader/DynamicLoader.scss | 27 +++---------------- .../loader/DynamicLoader/DynamicLoader.tsx | 4 +-- 3 files changed, 8 insertions(+), 26 deletions(-) diff --git a/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss b/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss index aec6fa8..c6d2aaf 100644 --- a/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss +++ b/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss @@ -158,6 +158,9 @@ -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; + /* display: flex; + align-items: center; + justify-content: center; */ &.dark-mode { color: rgba(255, 255, 255, 0.7); } diff --git a/src/files-ui/components/loader/DynamicLoader/DynamicLoader.scss b/src/files-ui/components/loader/DynamicLoader/DynamicLoader.scss index d15165a..7e142ea 100644 --- a/src/files-ui/components/loader/DynamicLoader/DynamicLoader.scss +++ b/src/files-ui/components/loader/DynamicLoader/DynamicLoader.scss @@ -1,26 +1,5 @@ -.circle_loader { - fill: none; - stroke: #14ff00; - stroke-width: 8px; - transform-origin: center; - transform: rotate(-90deg); - /* width: 100px; */ -} - -.dui_svg_circle_loader { - /* border: 1px solid #14ff00; */ - fill: rgba(0, 0, 0, 0.21); - border-radius: 50%; - &:hover { - fill: rgba(0, 0, 0, 0.61); - } -} - -.dui-text-loader { - /* dominant-baseline: middle; - */ +text.files-ui-text-dynamic-loader { text-anchor: middle; font-size: 1em; - //font-family: Arial; - //fill: aliceblue; -} + fill: aliceblue; +} \ No newline at end of file diff --git a/src/files-ui/components/loader/DynamicLoader/DynamicLoader.tsx b/src/files-ui/components/loader/DynamicLoader/DynamicLoader.tsx index 91c3282..f2d23cb 100644 --- a/src/files-ui/components/loader/DynamicLoader/DynamicLoader.tsx +++ b/src/files-ui/components/loader/DynamicLoader/DynamicLoader.tsx @@ -3,7 +3,7 @@ import { Clear } from "../../icons"; import { parseSize } from "../../icons/utils/utils"; import LoaderContainer from "../LoaderContainer/LoaderContainer"; import { DynamicLoaderProps } from "./DynamicLoaderProps"; - +import "./DynamicLoader.scss"; const DynamicLoader: React.FC<DynamicLoaderProps> = ( props: DynamicLoaderProps ) => { @@ -102,7 +102,7 @@ const DynamicLoader: React.FC<DynamicLoaderProps> = ( {!hidePerncentage && percentage !== undefined && ( <text - className="dui-text-dynamic-loader" + className="files-ui-text-dynamic-loader" x={`${finalX}`} y={`${(finalX * 7) / 6}`} > -- GitLab