From a36670b475abc7a65c96b45986faf84e880b73dd Mon Sep 17 00:00:00 2001 From: mahdi Date: Sun, 1 May 2022 12:26:40 +0430 Subject: [PATCH] update 20 files --- src/App.js | 4 +- src/components/Alert/index.js | 2 + src/components/Alert/index.scss | 409 ------------ src/components/Blogs/design2/BlogDesign2.js | 2 + src/components/Blogs/design2/BlogDesign2.scss | 7 - src/components/CardDesign3/index.js | 2 + src/components/CardDesign3/index.scss | 24 - src/components/DateRangePicker/index.js | 2 + src/components/DateRangePicker/index.scss | 71 -- src/components/Folderlist/index.js | 2 + src/components/Folderlist/index.scss | 11 - src/components/LeafletMap/index.js | 5 + src/components/LeafletMap/index.scss | 47 -- src/components/PopupCard/index.js | 10 +- src/components/PopupCard/index.scss | 8 - .../contactInfoSection/ContactInfoSection.js | 2 + .../ContactInfoSection.scss | 6 - .../footer/design1/FooterDesign1.js | 2 + .../footer/design1/FooterDesign1.scss | 6 - src/index.scss | 622 ++++++++++++++++++ 20 files changed, 651 insertions(+), 593 deletions(-) diff --git a/src/App.js b/src/App.js index 1327250..6eeb407 100644 --- a/src/App.js +++ b/src/App.js @@ -146,7 +146,7 @@ function App() { {/* */} - {/* */} + {/* */} {/* */} @@ -267,7 +267,7 @@ function App() { {/* */} {/* ----------------------------$$$ end---------------------------- */} - + {/* */} {/* */} diff --git a/src/components/Alert/index.js b/src/components/Alert/index.js index 8392632..33f818e 100644 --- a/src/components/Alert/index.js +++ b/src/components/Alert/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start Alert Component && end Alert Component + import React from "react"; import "./index.scss"; diff --git a/src/components/Alert/index.scss b/src/components/Alert/index.scss index def55f8..e69de29 100644 --- a/src/components/Alert/index.scss +++ b/src/components/Alert/index.scss @@ -1,409 +0,0 @@ -// varibale Colors - -// ? common colors: -$alertBorderClr: #707070; -$alertContentColor: #646464; -$white: #fff; -// $BgHeaderColor - -// ? blue alert Box , error1 -$lightBlue: #06bace; -$confirmBtnBgColor: #f6feff; -$blueTitleBgColor: #dfe6e9; - -// * green alert Box , error1 -$lightGreen: #3ee924; -$darkGreen: #21ae0b; -$greenTitleBgColor: #91ff5233; - -// ! red alert Box , error7 -$darkRed: #c70000; -$redTitleBgColor: #ff525233; -$red: #e92424; - -// ! common styles -// * alert box -.swal2-container.swal2-center > .swal2-popup { - border: solid 2px $alertBorderClr !important; - border-top-right-radius: 10px !important; - border-top-left-radius: 10px !important; - // - position: relative; -} - -// * کلاس تمامی تایتل ها -.swal2-title { - text-align: right !important; - font-size: 20px !important; - padding: 15px !important; - font-weight: 400 !important; - margin-top: -4px; - border-top-right-radius: 10px !important; - border-top-left-radius: 10px !important; -} - -// * کلاس متن داخل الرت باکس -.swal2-html-container { - text-align: justify !important; - line-height: 1.8 !important; - color: $alertContentColor !important; - font-size: 16px !important; -} - -// * کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس -.swal2-rtl .swal2-close { - width: 31px !important; - height: 30px !important; - margin-top: 11px; - margin-left: 24px !important; - padding: 0; - border-radius: 5px; - cursor: pointer; - justify-self: end; - font-size: 33px !important; - border-radius: 4px !important; - transition: all 0.2s !important; - z-index: 2; -} - -// * کلاس کانفرم باتن -.swal2-styled.swal2-confirm { - transition: all 0.4s !important; - outline: none !important; - border-radius: 4px !important; -} - -// * کلاس هاور کانفرم باتن -.swal2-styled.swal2-confirm:hover { - transform: translateY(-5px) !important; -} - -// * کلاس کنسل باتن -.swal2-styled.swal2-cancel { - transition: all 0.4s !important; -} - -// * کلاس هاور کنسل باتن -.swal2-styled.swal2-cancel:hover { - transform: translateY(-5px) !important; -} - -// * ایکن اررور -.swal2-icon.swal2-error { - border-color: $darkRed !important; - color: $darkRed !important; -} - -// ? error 1 lightBlue -// * به اررور های ابی رنگ کلاس هایی دادم که اخرش با 1 تمام میشود -// TODO باکس اول از سمت راست در فایل پی اس دی -// ? تایتل -.title-error-1 { - color: $lightBlue !important; - background-color: $blueTitleBgColor !important; -} - -// * دکمه ضربدر بالا سمت چپ -.close-button-1 { - background-color: $lightBlue !important; - color: $white !important; -} - -// * هاور دکمه ضربدر بالا سمت چپ -.close-button-1:hover { - background-color: $white !important; - color: $lightBlue !important; - border: solid 2px $lightBlue !important; -} - -// * کانفرم باتن -.confirm-button-1 { - background-color: $confirmBtnBgColor !important; - border: solid 1px $lightBlue !important; - color: $lightBlue !important; - // - position: absolute !important; - left: 20px !important; - margin-bottom: 33px !important; -} - -// * هاور کانفرم باتن -.confirm-button-1:hover { - background-color: $lightBlue !important; - color: $white !important; -} - -// ? error 2 lightBlue -// TODO کنسل باتن -.cancle-button1 { - background-color: $lightBlue !important; - color: $white !important; - border: solid 1px $lightBlue !important; - // - position: absolute !important; - left: 33% !important; - margin-bottom: 33px !important; -} - -// TODO هاور کنسل باتن -.cancle-button1:hover { - background: $white !important; - color: $lightBlue !important; -} - -// ? error3 -// TODO تایتل -.title-error-2 { - color: $darkGreen !important; - background-color: $greenTitleBgColor !important; -} - -// * دکمه ضربدر بالا سمت چپ -.close-button-2 { - background-color: $lightGreen !important; - color: $white !important; -} - -// * هاور دکمه ضربدر بالا سمت چپ -.close-button-2:hover { - background-color: $white !important; - color: $lightGreen !important; - border: solid 2px $lightGreen !important; -} - -// * کانفرم باتن -.confirm-button-2 { - background-color: $white !important; - border: solid 1px $lightGreen !important; - color: $darkGreen !important; - // - position: absolute !important; - left: 20px !important; - margin-bottom: 33px !important; -} - -// * هاور کانفرم باتن -.confirm-button-2:hover { - background-color: $lightGreen !important; - color: $white !important; -} - -// * کنسل باتن -.cancle-button2 { - background-color: $lightGreen !important; - color: $white !important; - border: solid 1px $lightGreen !important; - // - position: absolute !important; - left: 33% !important; - margin-bottom: 33px !important; -} - -// * هاور کنسل باتن -.cancle-button2:hover { - background: $white !important; - color: $lightGreen !important; -} - -// ? error4 -// TODO تایتل -.title-error-4 { - text-align: center !important; - color: $darkGreen !important; -} - -// * کانفرم باتن -.confirm-button-4 { - background-color: $white !important; - border: solid 1px $lightGreen !important; - color: $darkGreen !important; -} - -// * هاور کانفرم باتن -.confirm-button-4:hover { - background-color: $lightGreen !important; - color: $white !important; -} - -// * کنسل باتن -.cancle-button4 { - background-color: $lightGreen !important; - color: $white !important; - border: solid 1px $lightGreen !important; -} - -// * هاور کنسل باتن -.cancle-button4:hover { - background: $white !important; - color: $lightGreen !important; -} - -// * alert box width -.alert-popup4 { - width: 440px !important; -} - -// ? error5 -// TODO کانفرم باتن -.confirm-button-5 { - background-color: $lightGreen !important; - padding: 12px 15px !important; - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; - position: absolute; - left: 4% !important; - bottom: 8% !important; -} - -// *input field -.input-error-5 { - position: relative; - border-top-left-radius: 0px !important; - border-bottom-left-radius: 0px !important; -} - -// ? error6 -// TODO دکمه ضربدر بالا سمت چپ -.close-button-6 { - color: $lightBlue !important; -} - -// ? error7 -// TODO تایتل -.title-error-7 { - color: $darkRed !important; - background-color: $redTitleBgColor !important; -} - -// * دکمه ضربدر بالا سمت چپ -.close-button-7 { - background-color: $red !important; - color: $white !important; -} - -// * هاور دکمه ضربدر بالا سمت چپ -.close-button-7:hover { - background-color: $white !important; - color: $red !important; - border: solid 2px $red !important; -} - -// * کانفرم باتن -.confirm-button-7 { - background-color: $redTitleBgColor !important; - border: solid 1px $darkRed !important; - color: $darkRed !important; - // - position: absolute !important; - left: 20px !important; - margin-bottom: 33px !important; -} - -// * هاور کانفرم باتن -.confirm-button-7:hover { - background-color: $red !important; - color: $white !important; -} - -// * کنسل باتن -.cancle-button7 { - background-color: $red !important; - border: solid 1px $red !important; - color: $white !important; - // - position: absolute !important; - left: 33% !important; - margin-bottom: 33px !important; -} - -// * هاور کنسل باتن -.cancle-button7:hover { - background: $white !important; - color: $red !important; -} - -// ? error8 -.title-error-8 { - color: $darkRed !important; - text-align: center !important; -} - -// * کانفرم باتن -.confirm-button-8 { - background-color: $redTitleBgColor !important; - border: solid 1px $darkRed !important; - color: $darkRed !important; -} - -// * هاور کانفرم باتن -.confirm-button-8:hover { - background-color: $red !important; - color: $white !important; -} - -// * کنسل باتن -.cancle-button-8 { - background-color: $red !important; - border: solid 1px $red !important; - color: $white !important; -} - -// * هاور کنسل باتن -.cancle-button-8:hover { - background: $white !important; - color: $red !important; -} - -// * alert box width -.alert-popup8 { - width: 440px !important; -} - -// ? error9 -.title-error-9 { - color: $white !important; -} - -.alert-popup9 { - background-color: $darkRed !important; - border-color: $darkRed !important; -} - -.close-button-9 { - background-color: $white !important; - color: $red !important; -} - -.confirm-button-9 { - background-color: $red !important; -} - -.cancle-button9 { - background-color: $white !important; - color: $red !important; -} - -.footer-error-9 a { - color: $white !important; -} - -// ? error10 - -.alert-popup10 { - background-color: $darkGreen !important; - border-color: $darkGreen !important; -} - -.close-button-10 { - background-color: $white !important; - color: $darkGreen !important; -} - -.confirm-button-10 { - background-color: $lightGreen !important; -} - -.cancle-button10 { - background-color: $white !important; - color: $lightGreen !important; -} diff --git a/src/components/Blogs/design2/BlogDesign2.js b/src/components/Blogs/design2/BlogDesign2.js index eb2984e..246d654 100644 --- a/src/components/Blogs/design2/BlogDesign2.js +++ b/src/components/Blogs/design2/BlogDesign2.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start Blogs/Design2 Component && end Blogs/Design2 Component + import React from "react"; import "./BlogDesign2.scss"; diff --git a/src/components/Blogs/design2/BlogDesign2.scss b/src/components/Blogs/design2/BlogDesign2.scss index a175b31..e69de29 100644 --- a/src/components/Blogs/design2/BlogDesign2.scss +++ b/src/components/Blogs/design2/BlogDesign2.scss @@ -1,7 +0,0 @@ -.child-text { - transition: all 0.4s; -} -.parent:hover .child-text { - transition: all 0.4s; - transform: translateY(-7px) !important; -} diff --git a/src/components/CardDesign3/index.js b/src/components/CardDesign3/index.js index 6f15e3a..55b5023 100644 --- a/src/components/CardDesign3/index.js +++ b/src/components/CardDesign3/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start CardDesign3 && end CardDesign3 + import React from "react"; import CustomToast2 from "../CustomToast2"; import Button from "../Button"; diff --git a/src/components/CardDesign3/index.scss b/src/components/CardDesign3/index.scss index 47f559c..e69de29 100644 --- a/src/components/CardDesign3/index.scss +++ b/src/components/CardDesign3/index.scss @@ -1,24 +0,0 @@ -.scrollYDesign::-webkit-scrollbar { - position: absolute; - left: 1px; - bottom: 0; - z-index: 2; - width: 4px; - /* width: 5px !important; */ -} - -.scrollYDesign::-webkit-scrollbar-button { - display: none; - appearance: none; -} - -.scrollYDesign::-webkit-scrollbar-thumb { - border-radius: 10px; - background-color: #b9d1f3; -} - -.scrollYDesign::-webkit-scrollbar-track { - background-color: transparent !important; - display: none; - appearance: none; -} diff --git a/src/components/DateRangePicker/index.js b/src/components/DateRangePicker/index.js index 9223e2d..93145c0 100644 --- a/src/components/DateRangePicker/index.js +++ b/src/components/DateRangePicker/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start DateRangePicker && end DateRangePicker + import React, { useEffect } from "react"; import "./index.scss"; diff --git a/src/components/DateRangePicker/index.scss b/src/components/DateRangePicker/index.scss index 702c77e..e69de29 100644 --- a/src/components/DateRangePicker/index.scss +++ b/src/components/DateRangePicker/index.scss @@ -1,71 +0,0 @@ -.rmdp-arrow-container { - background-color: #3b98f3; - border-radius: 2px !important; - height: 24px !important; - width: 24px !important; -} - -.rmdp-arrow-container:hover { - box-shadow: none !important; -} - -.rmdp-day { - color: #1073d5 !important; -} - -.rmdp-day.rmdp-deactive, -.rmdp-day.rmdp-disabled { - color: #8798ad !important; -} - -.rmdp-arrow-container .rmdp-arrow { - border: solid #fff; - border-width: 0 2px 2px 0; - margin-top: 8px !important; -} - -.rmdp-wrapper .start { - background: #3b98f3 !important; - color: #fff !important; - border: none !important; - box-shadow: none !important; - border-top-right-radius: 4px !important; - border-bottom-right-radius: 4px !important; -} - -.rmdp-wrapper .end { - background: #3b98f3 !important; - color: #fff !important; - border: none !important; - box-shadow: none !important; - border-top-left-radius: 4px !important; - border-bottom-left-radius: 4px !important; -} - -.rmdp-range { - background: #f7f7f7 !important; - color: #3b98f3 !important; - border: none !important; - box-shadow: none !important; -} - -.rmdp-header-values span { - color: #12508e !important; - font-weight: bold !important; -} - -.rmdp-week-day { - color: #3b98f3; - font-size: 9px !important; -} - -.rmdp-shadow { - box-shadow: none !important; - border: solid 1px #dbdbdb !important; -} - -.rmdp-day.rmdp-today span { - background: #f7f7f7 !important; - color: #3b98f3 !important; - border-radius: 4px !important; -} diff --git a/src/components/Folderlist/index.js b/src/components/Folderlist/index.js index 1855369..ffb236c 100644 --- a/src/components/Folderlist/index.js +++ b/src/components/Folderlist/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start Folderlist && end Folderlist + import React from "react"; import "./index.scss"; diff --git a/src/components/Folderlist/index.scss b/src/components/Folderlist/index.scss index 9b6c0a0..e69de29 100644 --- a/src/components/Folderlist/index.scss +++ b/src/components/Folderlist/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/LeafletMap/index.js b/src/components/LeafletMap/index.js index fb3fd9d..10b6f7e 100644 --- a/src/components/LeafletMap/index.js +++ b/src/components/LeafletMap/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start LeafletMap && end LeafletMap + import React, { useState, useRef, useMemo } from "react"; import { @@ -156,6 +158,7 @@ L.drawLocal = { }, }, }; + const icon = (val, zoom) => L.divIcon({ className: "my-div-icon", @@ -166,11 +169,13 @@ const icon = (val, zoom) =>

${val || 0}

`, }); + function MyComponent({ setZoom }) { const map = useMap(); return null; } + const LeafletMap = () => { // const map = const [zoom, setZoom] = useState(22); diff --git a/src/components/LeafletMap/index.scss b/src/components/LeafletMap/index.scss index a616c67..e69de29 100644 --- a/src/components/LeafletMap/index.scss +++ b/src/components/LeafletMap/index.scss @@ -1,47 +0,0 @@ -.leaflet-popup-content, -.leaflet-draw-toolbar a, -span, -title, -p, -li { - font-family: "iransans-medium" !important; -} - -.leaflet-touch .leaflet-draw-actions a { - font-family: "iransans-medium" !important; -} - -.leaflet-container { - width: 100%; - height: 100vh; -} - -.leaflet-control-scale-line:not(:first-child) { - display: none !important; -} - -.leaflet-tile { - border: 1px solid gray; - - box-sizing: content-box; -} - -.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon { - display: none !important; -} - -// .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle { -// display: none !important; -// } - -// .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker { -// display: none !important; -// } - -.leaflet-right .leaflet-draw-actions li:first-child a { - border-radius: 0px !important; -} - -.leaflet-right .leaflet-draw-actions li:last-child a { - border-radius: 4px 0 0 4px; -} diff --git a/src/components/PopupCard/index.js b/src/components/PopupCard/index.js index 55eb26b..dc4e965 100644 --- a/src/components/PopupCard/index.js +++ b/src/components/PopupCard/index.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start PopupCard && end PopupCard + import React, { useState } from "react"; import "./index.scss"; import CancleIcon from "../CancleIcon"; @@ -57,7 +59,11 @@ const PopupCard = ({ selectedChecklist }) => { {/* left */}
- + { پیوست ها
- + // Start ContactInfoSection && end ContactInfoSection + import React from "react"; import "./ContactInfoSection.scss"; diff --git a/src/components/contactInfoSection/ContactInfoSection.scss b/src/components/contactInfoSection/ContactInfoSection.scss index 9d556a6..e69de29 100644 --- a/src/components/contactInfoSection/ContactInfoSection.scss +++ b/src/components/contactInfoSection/ContactInfoSection.scss @@ -1,6 +0,0 @@ -.customer-support { - transition: all 0.4s; -} -.customer-support:hover { - transform: translateY(-7px) !important; -} diff --git a/src/components/footer/design1/FooterDesign1.js b/src/components/footer/design1/FooterDesign1.js index f3f250d..681e746 100644 --- a/src/components/footer/design1/FooterDesign1.js +++ b/src/components/footer/design1/FooterDesign1.js @@ -1,3 +1,5 @@ +// it has style inside index.scss ---> // Start Footer/Design1 && end Footer/Design1 + import React from "react"; import "./FooterDesign1.scss"; diff --git a/src/components/footer/design1/FooterDesign1.scss b/src/components/footer/design1/FooterDesign1.scss index a9e3f7d..e69de29 100644 --- a/src/components/footer/design1/FooterDesign1.scss +++ b/src/components/footer/design1/FooterDesign1.scss @@ -1,6 +0,0 @@ -.footer-items { - transition: all 0.4s; -} -.footer-items:hover { - transform: translateY(-2px) !important; -} diff --git a/src/index.scss b/src/index.scss index 0888fb9..d3c1a61 100644 --- a/src/index.scss +++ b/src/index.scss @@ -29,6 +29,613 @@ body { border-radius: 50%; } +// TODO Start Alert Component + +// varibale Colors +// ? common colors: +$alertBorderClr: #707070; +$alertContentColor: #646464; +$white: #fff; +// $BgHeaderColor + +// ? blue alert Box , error1 +$lightBlue: #06bace; +$confirmBtnBgColor: #f6feff; +$blueTitleBgColor: #dfe6e9; + +// * green alert Box , error1 +$lightGreen: #3ee924; +$darkGreen: #21ae0b; +$greenTitleBgColor: #91ff5233; + +// ! red alert Box , error7 +$darkRed: #c70000; +$redTitleBgColor: #ff525233; +$red: #e92424; + +// ! common styles +// * alert box +.swal2-container.swal2-center > .swal2-popup { + border: solid 2px $alertBorderClr !important; + border-top-right-radius: 10px !important; + border-top-left-radius: 10px !important; + // + position: relative; +} + +// * کلاس تمامی تایتل ها +.swal2-title { + text-align: right !important; + font-size: 20px !important; + padding: 15px !important; + font-weight: 400 !important; + margin-top: -4px; + border-top-right-radius: 10px !important; + border-top-left-radius: 10px !important; +} + +// * کلاس متن داخل الرت باکس +.swal2-html-container { + text-align: justify !important; + line-height: 1.8 !important; + color: $alertContentColor !important; + font-size: 16px !important; +} + +// * کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس +.swal2-rtl .swal2-close { + width: 31px !important; + height: 30px !important; + margin-top: 11px; + margin-left: 24px !important; + padding: 0; + border-radius: 5px; + cursor: pointer; + justify-self: end; + font-size: 33px !important; + border-radius: 4px !important; + transition: all 0.2s !important; + z-index: 2; +} + +// * کلاس کانفرم باتن +.swal2-styled.swal2-confirm { + transition: all 0.4s !important; + outline: none !important; + border-radius: 4px !important; +} + +// * کلاس هاور کانفرم باتن +.swal2-styled.swal2-confirm:hover { + transform: translateY(-5px) !important; +} + +// * کلاس کنسل باتن +.swal2-styled.swal2-cancel { + transition: all 0.4s !important; +} + +// * کلاس هاور کنسل باتن +.swal2-styled.swal2-cancel:hover { + transform: translateY(-5px) !important; +} + +// * ایکن اررور +.swal2-icon.swal2-error { + border-color: $darkRed !important; + color: $darkRed !important; +} + +// ? error 1 lightBlue +// * به اررور های ابی رنگ کلاس هایی دادم که اخرش با 1 تمام میشود +// TODO باکس اول از سمت راست در فایل پی اس دی +// ? تایتل +.title-error-1 { + color: $lightBlue !important; + background-color: $blueTitleBgColor !important; +} + +// * دکمه ضربدر بالا سمت چپ +.close-button-1 { + background-color: $lightBlue !important; + color: $white !important; +} + +// * هاور دکمه ضربدر بالا سمت چپ +.close-button-1:hover { + background-color: $white !important; + color: $lightBlue !important; + border: solid 2px $lightBlue !important; +} + +// * کانفرم باتن +.confirm-button-1 { + background-color: $confirmBtnBgColor !important; + border: solid 1px $lightBlue !important; + color: $lightBlue !important; + // + position: absolute !important; + left: 20px !important; + margin-bottom: 33px !important; +} + +// * هاور کانفرم باتن +.confirm-button-1:hover { + background-color: $lightBlue !important; + color: $white !important; +} + +// ? error 2 lightBlue +// TODO کنسل باتن +.cancle-button1 { + background-color: $lightBlue !important; + color: $white !important; + border: solid 1px $lightBlue !important; + // + position: absolute !important; + left: 33% !important; + margin-bottom: 33px !important; +} + +// TODO هاور کنسل باتن +.cancle-button1:hover { + background: $white !important; + color: $lightBlue !important; +} + +// ? error3 +// TODO تایتل +.title-error-2 { + color: $darkGreen !important; + background-color: $greenTitleBgColor !important; +} + +// * دکمه ضربدر بالا سمت چپ +.close-button-2 { + background-color: $lightGreen !important; + color: $white !important; +} + +// * هاور دکمه ضربدر بالا سمت چپ +.close-button-2:hover { + background-color: $white !important; + color: $lightGreen !important; + border: solid 2px $lightGreen !important; +} + +// * کانفرم باتن +.confirm-button-2 { + background-color: $white !important; + border: solid 1px $lightGreen !important; + color: $darkGreen !important; + // + position: absolute !important; + left: 20px !important; + margin-bottom: 33px !important; +} + +// * هاور کانفرم باتن +.confirm-button-2:hover { + background-color: $lightGreen !important; + color: $white !important; +} + +// * کنسل باتن +.cancle-button2 { + background-color: $lightGreen !important; + color: $white !important; + border: solid 1px $lightGreen !important; + // + position: absolute !important; + left: 33% !important; + margin-bottom: 33px !important; +} + +// * هاور کنسل باتن +.cancle-button2:hover { + background: $white !important; + color: $lightGreen !important; +} + +// ? error4 +// TODO تایتل +.title-error-4 { + text-align: center !important; + color: $darkGreen !important; +} + +// * کانفرم باتن +.confirm-button-4 { + background-color: $white !important; + border: solid 1px $lightGreen !important; + color: $darkGreen !important; +} + +// * هاور کانفرم باتن +.confirm-button-4:hover { + background-color: $lightGreen !important; + color: $white !important; +} + +// * کنسل باتن +.cancle-button4 { + background-color: $lightGreen !important; + color: $white !important; + border: solid 1px $lightGreen !important; +} + +// * هاور کنسل باتن +.cancle-button4:hover { + background: $white !important; + color: $lightGreen !important; +} + +// * alert box width +.alert-popup4 { + width: 440px !important; +} + +// ? error5 +// TODO کانفرم باتن +.confirm-button-5 { + background-color: $lightGreen !important; + padding: 12px 15px !important; + border-top-right-radius: 0px !important; + border-bottom-right-radius: 0px !important; + position: absolute; + left: 4% !important; + bottom: 8% !important; +} + +// *input field +.input-error-5 { + position: relative; + border-top-left-radius: 0px !important; + border-bottom-left-radius: 0px !important; +} + +// ? error6 +// TODO دکمه ضربدر بالا سمت چپ +.close-button-6 { + color: $lightBlue !important; +} + +// ? error7 +// TODO تایتل +.title-error-7 { + color: $darkRed !important; + background-color: $redTitleBgColor !important; +} + +// * دکمه ضربدر بالا سمت چپ +.close-button-7 { + background-color: $red !important; + color: $white !important; +} + +// * هاور دکمه ضربدر بالا سمت چپ +.close-button-7:hover { + background-color: $white !important; + color: $red !important; + border: solid 2px $red !important; +} + +// * کانفرم باتن +.confirm-button-7 { + background-color: $redTitleBgColor !important; + border: solid 1px $darkRed !important; + color: $darkRed !important; + // + position: absolute !important; + left: 20px !important; + margin-bottom: 33px !important; +} + +// * هاور کانفرم باتن +.confirm-button-7:hover { + background-color: $red !important; + color: $white !important; +} + +// * کنسل باتن +.cancle-button7 { + background-color: $red !important; + border: solid 1px $red !important; + color: $white !important; + // + position: absolute !important; + left: 33% !important; + margin-bottom: 33px !important; +} + +// * هاور کنسل باتن +.cancle-button7:hover { + background: $white !important; + color: $red !important; +} + +// ? error8 +.title-error-8 { + color: $darkRed !important; + text-align: center !important; +} + +// * کانفرم باتن +.confirm-button-8 { + background-color: $redTitleBgColor !important; + border: solid 1px $darkRed !important; + color: $darkRed !important; +} + +// * هاور کانفرم باتن +.confirm-button-8:hover { + background-color: $red !important; + color: $white !important; +} + +// * کنسل باتن +.cancle-button-8 { + background-color: $red !important; + border: solid 1px $red !important; + color: $white !important; +} + +// * هاور کنسل باتن +.cancle-button-8:hover { + background: $white !important; + color: $red !important; +} + +// * alert box width +.alert-popup8 { + width: 440px !important; +} + +// ? error9 +.title-error-9 { + color: $white !important; +} + +.alert-popup9 { + background-color: $darkRed !important; + border-color: $darkRed !important; +} + +.close-button-9 { + background-color: $white !important; + color: $red !important; +} + +.confirm-button-9 { + background-color: $red !important; +} + +.cancle-button9 { + background-color: $white !important; + color: $red !important; +} + +.footer-error-9 a { + color: $white !important; +} + +// ? error10 + +.alert-popup10 { + background-color: $darkGreen !important; + border-color: $darkGreen !important; +} + +.close-button-10 { + background-color: $white !important; + color: $darkGreen !important; +} + +.confirm-button-10 { + background-color: $lightGreen !important; +} + +.cancle-button10 { + background-color: $white !important; + color: $lightGreen !important; +} + +// * end Alert Component + +// TODO Start Blogs/Design2 Component + +.child-text { + transition: all 0.4s; +} +.parent:hover .child-text { + transition: all 0.4s; + transform: translateY(-7px) !important; +} + +// * end Blogs/Design2 Component + +// TODO Start CardDesign3 Component + +.scrollYDesign::-webkit-scrollbar { + position: absolute; + left: 1px; + bottom: 0; + z-index: 2; + width: 4px; + /* width: 5px !important; */ +} + +.scrollYDesign::-webkit-scrollbar-button { + display: none; + appearance: none; +} + +.scrollYDesign::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #b9d1f3; +} + +.scrollYDesign::-webkit-scrollbar-track { + background-color: transparent !important; + display: none; + appearance: none; +} + +// * end CardDesign3 Component + +// TODO Start ContactInfoSection Component + +.customer-support { + transition: all 0.4s; +} + +.customer-support:hover { + transform: translateY(-7px) !important; +} + +// * end ContactInfoSection Component + +// TODO Start DateRangePicker Component + +.rmdp-arrow-container { + background-color: #3b98f3; + border-radius: 2px !important; + height: 24px !important; + width: 24px !important; +} + +.rmdp-arrow-container:hover { + box-shadow: none !important; +} + +.rmdp-day { + color: #1073d5 !important; +} + +.rmdp-day.rmdp-deactive, +.rmdp-day.rmdp-disabled { + color: #8798ad !important; +} + +.rmdp-arrow-container .rmdp-arrow { + border: solid #fff; + border-width: 0 2px 2px 0; + margin-top: 8px !important; +} + +.rmdp-wrapper .start { + background: #3b98f3 !important; + color: #fff !important; + border: none !important; + box-shadow: none !important; + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; +} + +.rmdp-wrapper .end { + background: #3b98f3 !important; + color: #fff !important; + border: none !important; + box-shadow: none !important; + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; +} + +.rmdp-range { + background: #f7f7f7 !important; + color: #3b98f3 !important; + border: none !important; + box-shadow: none !important; +} + +.rmdp-header-values span { + color: #12508e !important; + font-weight: bold !important; +} + +.rmdp-week-day { + color: #3b98f3; + font-size: 9px !important; +} + +.rmdp-shadow { + box-shadow: none !important; + border: solid 1px #dbdbdb !important; +} + +.rmdp-day.rmdp-today span { + background: #f7f7f7 !important; + color: #3b98f3 !important; + border-radius: 4px !important; +} + +// * end DateRangePicker Component + +// TODO Start Folderlist 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 Folderlist Component + +// TODO Start Footer/Design1 Component + +.footer-items { + transition: all 0.4s; +} + +.footer-items:hover { + transform: translateY(-2px) !important; +} + +// * end Footer/Design1 Component + +// TODO Start LeafletMap Component + +.leaflet-container { + width: 100%; + height: 100vh; +} + +.leaflet-control-scale-line:not(:first-child) { + display: none !important; +} + +.leaflet-tile { + border: 1px solid gray; + + box-sizing: content-box; +} + +.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon { + display: none !important; +} + +// .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle { +// display: none !important; +// } + +// .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker { +// display: none !important; +// } + +.leaflet-right .leaflet-draw-actions li:first-child a { + border-radius: 0px !important; +} + +.leaflet-right .leaflet-draw-actions li:last-child a { + border-radius: 4px 0 0 4px; +} + .leaflet-popup-content, .leaflet-draw-toolbar a, .leaflet-popup-content, @@ -46,6 +653,21 @@ l.leaflet-popup-content, font-family: "iransans-medium" !important; } +// * end LeafletMap Component + +// TODO Start PopupCard Component + +.MuiOutlinedInput-input { + box-shadow: none !important; + font-family: iransans-medium !important; +} + +.MuiOutlinedInput-input::placeholder { + font-family: iransans-medium !important; +} + +// * end PopupCard Component + // ? class for selectbox inside -->> CustomSelectBox <<-- .customizeSelect { background-position: left 0.5rem center;