From 2b76e533d2840165df7a60cda958a488c6167b27 Mon Sep 17 00:00:00 2001 From: mahdi Date: Sun, 1 May 2022 13:00:17 +0430 Subject: [PATCH] update 14 files --- src/App.js | 2 +- src/components/ProductImage/index.js | 2 + src/components/ProductImage/index.scss | 9 -- src/components/ReactTable4/index.js | 2 + src/components/ReactTable4/index.scss | 17 --- src/components/ReactTable5/index.js | 2 + src/components/ReactTable5/index.scss | 17 --- src/components/SelectYear/index.js | 20 +-- src/components/SelectYear/index.scss | 11 -- src/components/SemiDonut/index.js | 2 + src/components/SemiDonut/index.scss | 32 ----- .../Sidebar/SidebarDesign2/index.js | 2 + .../Sidebar/SidebarDesign2/index.scss | 9 -- src/index.scss | 133 ++++++++++++++++++ 14 files changed, 156 insertions(+), 104 deletions(-) diff --git a/src/App.js b/src/App.js index 6eeb407..7bf25ec 100644 --- a/src/App.js +++ b/src/App.js @@ -146,7 +146,7 @@ function App() { {/* */} - + {/* */} {/* */} {/* */} diff --git a/src/components/ProductImage/index.js b/src/components/ProductImage/index.js index 195898d..1ba0683 100644 --- a/src/components/ProductImage/index.js +++ b/src/components/ProductImage/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start ProductImage && end ProductImage + import React from "react"; import "./index.scss"; diff --git a/src/components/ProductImage/index.scss b/src/components/ProductImage/index.scss index f0bf785..e69de29 100644 --- a/src/components/ProductImage/index.scss +++ b/src/components/ProductImage/index.scss @@ -1,9 +0,0 @@ -.no-scrollbar::-webkit-scrollbar { - display: none; -} - -/* Hide scrollbar for IE, Edge and Firefox */ -.no-scrollbar { - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} diff --git a/src/components/ReactTable4/index.js b/src/components/ReactTable4/index.js index a18be50..35f1200 100644 --- a/src/components/ReactTable4/index.js +++ b/src/components/ReactTable4/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start ReactTable4 && end ReactTable4 + import React, { useRef, useState } from "react"; import BasicTable from "./BasicTable"; diff --git a/src/components/ReactTable4/index.scss b/src/components/ReactTable4/index.scss index 99ead7d..e69de29 100644 --- a/src/components/ReactTable4/index.scss +++ b/src/components/ReactTable4/index.scss @@ -1,17 +0,0 @@ -.customeClass1 .customeClass2 input { - display: none !important; -} -.customeClass1 .customeClass2 span { - display: none !important; -} -.no-scrollbar { - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.tabbar { - cursor: pointer; -} -.active2, -.active2 li a { - cursor: move !important; -} diff --git a/src/components/ReactTable5/index.js b/src/components/ReactTable5/index.js index f055ec0..43d3179 100644 --- a/src/components/ReactTable5/index.js +++ b/src/components/ReactTable5/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start ReactTable5 && end ReactTable5 + import React, { useRef, useState } from "react"; import BasicTable from "./BasicTable"; diff --git a/src/components/ReactTable5/index.scss b/src/components/ReactTable5/index.scss index 99ead7d..e69de29 100644 --- a/src/components/ReactTable5/index.scss +++ b/src/components/ReactTable5/index.scss @@ -1,17 +0,0 @@ -.customeClass1 .customeClass2 input { - display: none !important; -} -.customeClass1 .customeClass2 span { - display: none !important; -} -.no-scrollbar { - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.tabbar { - cursor: pointer; -} -.active2, -.active2 li a { - cursor: move !important; -} diff --git a/src/components/SelectYear/index.js b/src/components/SelectYear/index.js index 7d8bf9b..f879688 100644 --- a/src/components/SelectYear/index.js +++ b/src/components/SelectYear/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start SelectYear && end SelectYear + import React, { useState, useRef } from "react"; import ScrollContainer from "react-indiana-drag-scroll"; @@ -10,16 +12,16 @@ import Month from "./Month.js"; const SelectYear = ({ items }) => { const [selectedYear, setSelectedYear] = useState(null); const yearEl = useRef(null); -const h = 40 + const h = 40; const up = () => { if (yearEl.current) yearEl.current.scrollTop -= h; }; const down = () => { if (yearEl.current) yearEl.current.scrollTop += h; }; - const scrollTo = (index)=>{ - yearEl.current.scrollTop = (index-1)*h - } + const scrollTo = (index) => { + yearEl.current.scrollTop = (index - 1) * h; + }; return (
@@ -28,7 +30,9 @@ const h = 40
{/*
(

{ - scrollTo(index) + scrollTo(index); setSelectedYear(item); // if(index

- +
diff --git a/src/components/SelectYear/index.scss b/src/components/SelectYear/index.scss index 9b6c0a0..e69de29 100644 --- a/src/components/SelectYear/index.scss +++ b/src/components/SelectYear/index.scss @@ -1,11 +0,0 @@ -.no-scrollbar { - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} -.tabbar { - cursor: pointer; -} -.active2, -.active2 li a { - cursor: move !important; -} diff --git a/src/components/SemiDonut/index.js b/src/components/SemiDonut/index.js index ae40a9b..17af869 100644 --- a/src/components/SemiDonut/index.js +++ b/src/components/SemiDonut/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start SemiDonut && end SemiDonut + import React, { Component } from "react"; import "./index.scss"; diff --git a/src/components/SemiDonut/index.scss b/src/components/SemiDonut/index.scss index 6eace95..e69de29 100644 --- a/src/components/SemiDonut/index.scss +++ b/src/components/SemiDonut/index.scss @@ -1,32 +0,0 @@ -.apexcharts-legend { - display: flex; - overflow: auto; - padding: 0 10px; - position: absolute !important; - left: 0px; - top: 200px !important; - justify-content: center !important; -} - -.apexcharts-canvas { - top: -54px !important; -} - -.apexcharts-legend-text { - margin-right: 5px !important; - font-family: iransans-medium !important; -} - -.apexcharts-legend-marker { - border-radius: 0px !important; - width: 15px !important; - height: 15px !important; -} - -.apexcharts-legend-series { - margin-top: 10px !important; -} - -.apexcharts-datalabels { - display: none !important; -} diff --git a/src/components/Sidebar/SidebarDesign2/index.js b/src/components/Sidebar/SidebarDesign2/index.js index 829a6e0..35fe046 100644 --- a/src/components/Sidebar/SidebarDesign2/index.js +++ b/src/components/Sidebar/SidebarDesign2/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start Sidebar/SidebarDesign2 && end Sidebar/SidebarDesign2 + import React, { useState } from "react"; import "./index.scss"; diff --git a/src/components/Sidebar/SidebarDesign2/index.scss b/src/components/Sidebar/SidebarDesign2/index.scss index f0bf785..e69de29 100644 --- a/src/components/Sidebar/SidebarDesign2/index.scss +++ b/src/components/Sidebar/SidebarDesign2/index.scss @@ -1,9 +0,0 @@ -.no-scrollbar::-webkit-scrollbar { - display: none; -} - -/* Hide scrollbar for IE, Edge and Firefox */ -.no-scrollbar { - -ms-overflow-style: none; /* IE and Edge */ - scrollbar-width: none; /* Firefox */ -} diff --git a/src/index.scss b/src/index.scss index d3c1a61..a4b2298 100644 --- a/src/index.scss +++ b/src/index.scss @@ -577,9 +577,11 @@ $red: #e92424; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } + .tabbar { cursor: pointer; } + .active2, .active2 li a { cursor: move !important; @@ -668,6 +670,137 @@ l.leaflet-popup-content, // * end PopupCard Component +// TODO Start ProductImage Component + +.no-scrollbar::-webkit-scrollbar { + display: none; +} + +/* Hide scrollbar for IE, Edge and Firefox */ +.no-scrollbar { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} + +// * end PopupCard ProductImage + +// TODO Start ReactTable4 Component + +.customeClass1 .customeClass2 input { + display: none !important; +} +.customeClass1 .customeClass2 span { + display: none !important; +} +.no-scrollbar { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} +.tabbar { + cursor: pointer; +} +.active2, +.active2 li a { + cursor: move !important; +} + +// * end PopupCard ReactTable4 + +// TODO Start ReactTable5 Component + +.customeClass1 .customeClass2 input { + display: none !important; +} + +.customeClass1 .customeClass2 span { + display: none !important; +} + +.no-scrollbar { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} + +.tabbar { + cursor: pointer; +} + +.active2, +.active2 li a { + cursor: move !important; +} + +// * end PopupCard ReactTable5 + +// TODO Start ReactTable5 Component + +.no-scrollbar { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} + +.tabbar { + cursor: pointer; +} + +.active2, +.active2 li a { + cursor: move !important; +} + +// * end PopupCard SelectYear + +// TODO Start SemiDonut Component + +.apexcharts-legend { + display: flex; + overflow: auto; + padding: 0 10px; + position: absolute !important; + left: 0px; + top: 200px !important; + justify-content: center !important; +} + +.apexcharts-canvas { + top: -54px !important; +} + +.apexcharts-legend-text { + margin-right: 5px !important; + font-family: iransans-medium !important; +} + +.apexcharts-legend-marker { + border-radius: 0px !important; + width: 15px !important; + height: 15px !important; +} + +.apexcharts-legend-series { + margin-top: 10px !important; +} + +.apexcharts-datalabels { + display: none !important; +} + +// * end PopupCard SemiDonut + +// TODO Start Sidebar/SidebarDesign2 Component + +.no-scrollbar::-webkit-scrollbar { + display: none; +} + +/* Hide scrollbar for IE, Edge and Firefox */ +.no-scrollbar { + -ms-overflow-style: none; /* IE and Edge */ + scrollbar-width: none; /* Firefox */ +} + +// * end PopupCard Sidebar/SidebarDesign2 + // ? class for selectbox inside -->> CustomSelectBox <<-- .customizeSelect { background-position: left 0.5rem center;