mahdi
/
danovinTasks
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update 20 files

Browse Source
master
mahdi 3 years ago
parent 2363b05446
commit a36670b475
20 changed files with 651 additions and 593 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/App.js
  2. 2
      src/components/Alert/index.js
  3. 409
      src/components/Alert/index.scss
  4. 2
      src/components/Blogs/design2/BlogDesign2.js
  5. 7
      src/components/Blogs/design2/BlogDesign2.scss
  6. 2
      src/components/CardDesign3/index.js
  7. 24
      src/components/CardDesign3/index.scss
  8. 2
      src/components/DateRangePicker/index.js
  9. 71
      src/components/DateRangePicker/index.scss
  10. 2
      src/components/Folderlist/index.js
  11. 11
      src/components/Folderlist/index.scss
  12. 5
      src/components/LeafletMap/index.js
  13. 47
      src/components/LeafletMap/index.scss
  14. 8
      src/components/PopupCard/index.js
  15. 8
      src/components/PopupCard/index.scss
  16. 2
      src/components/contactInfoSection/ContactInfoSection.js
  17. 6
      src/components/contactInfoSection/ContactInfoSection.scss
  18. 2
      src/components/footer/design1/FooterDesign1.js
  19. 6
      src/components/footer/design1/FooterDesign1.scss
  20. 622
      src/index.scss

4
src/App.js
Unescape View File

@ -146,7 +146,7 @@ function App() {
{/* <Feedback /> */} {/* <Feedback /> */}
{/* <Alert /> */} <Alert />
{/* <Toast /> */} {/* <Toast /> */}
{/* <ProductSuggestion /> */} {/* <ProductSuggestion /> */}
@ -267,7 +267,7 @@ function App() {
{/* <DateRangePicker /> */} {/* <DateRangePicker /> */}
{/* ----------------------------$$$ end---------------------------- */} {/* ----------------------------$$$ end---------------------------- */}
<FormInput /> {/* <FormInput /> */}
{/* <LeafletMap /> */} {/* <LeafletMap /> */}

2
src/components/Alert/index.js
Unescape View File

@ -1,3 +1,5 @@
// it has style inside index.scss ---> // Start Alert Component && end Alert Component
import React from "react"; import React from "react";
import "./index.scss"; import "./index.scss";

409
src/components/Alert/index.scss
Unescape View File

@ -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;
}

2
src/components/Blogs/design2/BlogDesign2.js
Unescape View File

@ -1,3 +1,5 @@
// it has style inside index.scss ---> // Start Blogs/Design2 Component && end Blogs/Design2 Component
import React from "react"; import React from "react";
import "./BlogDesign2.scss"; import "./BlogDesign2.scss";

7
src/components/Blogs/design2/BlogDesign2.scss
Unescape View File

@ -1,7 +0,0 @@
.child-text {
transition: all 0.4s;
}
.parent:hover .child-text {
transition: all 0.4s;
transform: translateY(-7px) !important;
}

2
src/components/CardDesign3/index.js
Unescape View File

@ -1,3 +1,5 @@
// it has style inside index.scss ---> // Start CardDesign3 && end CardDesign3
import React from "react"; import React from "react";
import CustomToast2 from "../CustomToast2"; import CustomToast2 from "../CustomToast2";
import Button from "../Button"; import Button from "../Button";

24
src/components/CardDesign3/index.scss
Unescape View File

@ -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;
}

2
src/components/DateRangePicker/index.js
Unescape View File

@ -1,3 +1,5 @@
// it has style inside index.scss ---> // Start DateRangePicker && end DateRangePicker
import React, { useEffect } from "react"; import React, { useEffect } from "react";
import "./index.scss"; import "./index.scss";

71
src/components/DateRangePicker/index.scss
Unescape View File

@ -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;
}

2
src/components/Folderlist/index.js
Unescape View File

@ -1,3 +1,5 @@
// it has style inside index.scss ---> // Start Folderlist && end Folderlist
import React from "react"; import React from "react";
import "./index.scss"; import "./index.scss";

11
src/components/Folderlist/index.scss
Unescape View File

@ -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;
}

5
src/components/LeafletMap/index.js
Unescape View File

@ -1,3 +1,5 @@
// it has style inside index.scss ---> // Start LeafletMap && end LeafletMap
import React, { useState, useRef, useMemo } from "react"; import React, { useState, useRef, useMemo } from "react";
import { import {
@ -156,6 +158,7 @@ L.drawLocal = {
}, },
}, },
}; };
const icon = (val, zoom) => const icon = (val, zoom) =>
L.divIcon({ L.divIcon({
className: "my-div-icon", className: "my-div-icon",
@ -166,11 +169,13 @@ const icon = (val, zoom) =>
<p>${val || 0}</p> <p>${val || 0}</p>
</div>`, </div>`,
}); });
function MyComponent({ setZoom }) { function MyComponent({ setZoom }) {
const map = useMap(); const map = useMap();
return null; return null;
} }
const LeafletMap = () => { const LeafletMap = () => {
// const map = // const map =
const [zoom, setZoom] = useState(22); const [zoom, setZoom] = useState(22);

47
src/components/LeafletMap/index.scss
Unescape View File

@ -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;
}

8
src/components/PopupCard/index.js
Unescape View File

@ -1,3 +1,5 @@
// it has style inside index.scss ---> // Start PopupCard && end PopupCard
import React, { useState } from "react"; import React, { useState } from "react";
import "./index.scss"; import "./index.scss";
import CancleIcon from "../CancleIcon"; import CancleIcon from "../CancleIcon";
@ -57,7 +59,11 @@ const PopupCard = ({ selectedChecklist }) => {
{/* left */} {/* left */}
<div date-rangepicker className="flex items-center w-1/2"> <div date-rangepicker className="flex items-center w-1/2">
<div className="relative w-full"> <div className="relative w-full">
<img src={calender} className="absolute top-3 left-2" alt= ""/> <img
src={calender}
className="absolute top-3 left-2"
alt=""
/>
<input <input
name="start" name="start"
type="text" type="text"

8
src/components/PopupCard/index.scss
Unescape View File

@ -1,8 +0,0 @@
.MuiOutlinedInput-input {
box-shadow: none !important;
font-family: iransans-medium !important;
}
.MuiOutlinedInput-input::placeholder {
font-family: iransans-medium !important;
}

2
src/components/contactInfoSection/ContactInfoSection.js
Unescape View File

@ -1,3 +1,5 @@
// it has style inside index.scss ---> // Start ContactInfoSection && end ContactInfoSection
import React from "react"; import React from "react";
import "./ContactInfoSection.scss"; import "./ContactInfoSection.scss";

6
src/components/contactInfoSection/ContactInfoSection.scss
Unescape View File

@ -1,6 +0,0 @@
.customer-support {
transition: all 0.4s;
}
.customer-support:hover {
transform: translateY(-7px) !important;
}

2
src/components/footer/design1/FooterDesign1.js
Unescape View File

@ -1,3 +1,5 @@
// it has style inside index.scss ---> // Start Footer/Design1 && end Footer/Design1
import React from "react"; import React from "react";
import "./FooterDesign1.scss"; import "./FooterDesign1.scss";

6
src/components/footer/design1/FooterDesign1.scss
Unescape View File

@ -1,6 +0,0 @@
.footer-items {
transition: all 0.4s;
}
.footer-items:hover {
transform: translateY(-2px) !important;
}

622
src/index.scss
Unescape View File

@ -29,6 +29,613 @@ body {
border-radius: 50%; 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-popup-content,
.leaflet-draw-toolbar a, .leaflet-draw-toolbar a,
.leaflet-popup-content, .leaflet-popup-content,
@ -46,6 +653,21 @@ l.leaflet-popup-content,
font-family: "iransans-medium" !important; 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 <<-- // ? class for selectbox inside -->> CustomSelectBox <<--
.customizeSelect { .customizeSelect {
background-position: left 0.5rem center; background-position: left 0.5rem center;

Write Preview
Loading…
Cancel
Save