diff --git a/packages/nulp_elite/public/locales/be/translation.json b/packages/nulp_elite/public/locales/be/translation.json index 281922aa..bdf9cd4f 100644 --- a/packages/nulp_elite/public/locales/be/translation.json +++ b/packages/nulp_elite/public/locales/be/translation.json @@ -296,5 +296,7 @@ "ADMIN":"অ্যাডমিন", "LEARNING_REPORT":"লার্নিং রিপোর্ট", "POPULAR_COURSES" : "জনপ্রিয় কোর্স", - "RECENTLY_ADDED":"সম্প্রতি যোগ করা হয়েছে" + "RECENTLY_ADDED":"সম্প্রতি যোগ করা হয়েছে", + "CONTENT_DERIVED_FROM": "এই বিষয়বস্তু থেকে সংগৃহীত", + "PUBLISHED_ON_NULP_BY": "NULP দ্বারা প্রকাশিত" } diff --git a/packages/nulp_elite/public/locales/en/translation.json b/packages/nulp_elite/public/locales/en/translation.json index caa9959c..5e88b564 100644 --- a/packages/nulp_elite/public/locales/en/translation.json +++ b/packages/nulp_elite/public/locales/en/translation.json @@ -316,6 +316,7 @@ "ADMIN":"Admin", "LEARNING_REPORT":"Learning Report", "POPULAR_COURSES" : "Popular Courses", - "RECENTLY_ADDED":"Recently Added" - + "RECENTLY_ADDED":"Recently Added", + "CONTENT_DERIVED_FROM": "This content is derived from", + "PUBLISHED_ON_NULP_BY": "PUBLISHED ON NULP BY" } diff --git a/packages/nulp_elite/public/locales/gg/translation.json b/packages/nulp_elite/public/locales/gg/translation.json index 1789539b..7e0785db 100644 --- a/packages/nulp_elite/public/locales/gg/translation.json +++ b/packages/nulp_elite/public/locales/gg/translation.json @@ -306,7 +306,8 @@ "ADMIN":"એડમિન", "LEARNING_REPORT":"લર્નિંગ રિપોર્ટ", "POPULAR_COURSES" : "લોકપ્રિય અભ્યાસક્રમો", - "RECENTLY_ADDED":"તાજેતરમાં ઉમેરાયેલ" - + "RECENTLY_ADDED":"તાજેતરમાં ઉમેરાયેલ", + "CONTENT_DERIVED_FROM": "આ સામગ્રીમાંથી ઉત્પન્ન છે", + "PUBLISHED_ON_NULP_BY": "NULP દ્વારા પ્રકાશિત" } diff --git a/packages/nulp_elite/public/locales/hi/translation.json b/packages/nulp_elite/public/locales/hi/translation.json index 39945995..78861c9f 100644 --- a/packages/nulp_elite/public/locales/hi/translation.json +++ b/packages/nulp_elite/public/locales/hi/translation.json @@ -298,5 +298,7 @@ "ADMIN":"व्यवस्थापक", "LEARNING_REPORT":"सीखने की रिपोर्ट", "POPULAR_COURSES" : "लोकप्रिय पाठ्यक्रम", - "RECENTLY_ADDED":"हाल ही में जोड़ा" + "RECENTLY_ADDED":"हाल ही में जोड़ा", + "CONTENT_DERIVED_FROM": "यह सामग्री से व्युत्पन्न है", + "PUBLISHED_ON_NULP_BY": "एनयूपीएलपी द्वारा प्रकाशित" } diff --git a/packages/nulp_elite/public/locales/ma/translation.json b/packages/nulp_elite/public/locales/ma/translation.json index ab5008b1..7376e7fa 100644 --- a/packages/nulp_elite/public/locales/ma/translation.json +++ b/packages/nulp_elite/public/locales/ma/translation.json @@ -298,6 +298,8 @@ "ADMIN":"प्रशासक", "LEARNING_REPORT":"शिकण्याचा अहवाल", "POPULAR_COURSES" : "लोकप्रिय अभ्यासक्रम", - "RECENTLY_ADDED":"अलीकडे जोडले" + "RECENTLY_ADDED":"अलीकडे जोडले", + "CONTENT_DERIVED_FROM": "ही सामग्री यावरून घेतली आहे", + "PUBLISHED_ON_NULP_BY": "एनयूपीएलपीद्वारे प्रकाशित" } diff --git a/packages/nulp_elite/public/locales/mal/translation.json b/packages/nulp_elite/public/locales/mal/translation.json index 1871c15b..229c6003 100644 --- a/packages/nulp_elite/public/locales/mal/translation.json +++ b/packages/nulp_elite/public/locales/mal/translation.json @@ -298,5 +298,7 @@ "ADMIN":"അഡ്മിൻ", "LEARNING_REPORT":"പഠന റിപ്പോർട്ട്", "POPULAR_COURSES" : "ജനപ്രിയ കോഴ്സുകൾ", - "RECENTLY_ADDED":"അടുത്തിടെ ചേർത്തത് " + "RECENTLY_ADDED":"അടുത്തിടെ ചേർത്തത് ", + "CONTENT_DERIVED_FROM": "ഈ ഉള്ളടക്കം നിന്നു പ്രാപ്തമായതാണ്", + "PUBLISHED_ON_NULP_BY": "NULP വഴി പ്രസിദ്ധീകരിച്ചത്" } diff --git a/packages/nulp_elite/public/locales/ta/translation.json b/packages/nulp_elite/public/locales/ta/translation.json index 47b20a4e..47d16fe7 100644 --- a/packages/nulp_elite/public/locales/ta/translation.json +++ b/packages/nulp_elite/public/locales/ta/translation.json @@ -323,5 +323,7 @@ "ADMIN":"நிர்வாகி", "LEARNING_REPORT":"கற்றல் அறிக்கை", "POPULAR_COURSES" : " జనాదరణ పొందిన కోర్సులు", - "RECENTLY_ADDED":"ఇటీవల జోడించబడింది" + "RECENTLY_ADDED":"ఇటీవల జోడించబడింది", + "CONTENT_DERIVED_FROM": "இந்த உள்ளடக்கம் இதிலிருந்து பெறப்பட்டுள்ளது", + "PUBLISHED_ON_NULP_BY": "NULP மூலம் வெளியிடப்பட்டது" } diff --git a/packages/nulp_elite/public/locales/te/translation.json b/packages/nulp_elite/public/locales/te/translation.json index 3d82c98d..ca64406a 100644 --- a/packages/nulp_elite/public/locales/te/translation.json +++ b/packages/nulp_elite/public/locales/te/translation.json @@ -261,5 +261,7 @@ "ADMIN":"నిర్వాహకుడు", "LEARNING_REPORT":"లెర్నింగ్ రిపోర్ట్", "POPULAR_COURSES" : "జనాదరణ పొందిన కోర్సులు", - "RECENTLY_ADDED":"ఇటీవల జోడించబడింది" + "RECENTLY_ADDED":"ఇటీవల జోడించబడింది", + "CONTENT_DERIVED_FROM": "ఈ సాంఘికత నుండి పొందినది", + "PUBLISHED_ON_NULP_BY": "NULP ద్వారా ప్రచురించబడింది" } diff --git a/packages/nulp_elite/src/components/domainCarousel.js b/packages/nulp_elite/src/components/domainCarousel.js index 898a71f4..c07df295 100644 --- a/packages/nulp_elite/src/components/domainCarousel.js +++ b/packages/nulp_elite/src/components/domainCarousel.js @@ -4,13 +4,10 @@ import Typography from "@mui/joy/Typography"; import Carousel from "react-multi-carousel"; import "react-multi-carousel/lib/styles.css"; import domainWithImage from "../assets/domainImgForm.json"; -import { Tooltip } from "@mui/material"; -import { MarginOutlined } from "@mui/icons-material"; import Container from "@mui/material/Container"; import { useTranslation } from "react-i18next"; import SkeletonLoader from "components/skeletonLoader"; import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp"; -// import { useNavigate } from "react-router-dom"; import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown"; import { Button } from "@mui/material"; const styles = { @@ -22,25 +19,27 @@ const styles = { }, }; const responsive = { - superLargeDesktop: { - // the naming can be any, depends on you. - // breakpoint: { max: 4000, min: 3000 }, - breakpoint: { max: 1280, min: 1024 }, - - items: 8, - }, desktop: { - // breakpoint: { max: 3000, min: 1024 }, - breakpoint: { max: 1024, min: 769 }, + breakpoint: { max: 1920, min: 1240 }, + items: 10, + arrows: false, + }, + mediumDesktop: { + breakpoint: { max: 1240, min: 768 }, items: 8, + partialVisibilityGutter: 20, + arrows: true, }, tablet: { - breakpoint: { max: 768, min: 464 }, + breakpoint: { max: 768, min: 600 }, items: 4, + partialVisibilityGutter: 30, + arrows: true, }, mobile: { - breakpoint: { max: 464, min: 0 }, + breakpoint: { max: 600, min: 0 }, items: 3, + arrows: true, }, }; @@ -164,179 +163,97 @@ export default function DomainCarousel({ return ( <> - {isMobile ? ( - - - {itemsArray && - itemsArray?.slice(0, 10).map((domain, index) => ( - - handleDomainClick(domain.code, index, domain.name) - } - key={index} - orientation="horizontal" - size="sm" - variant="outlined" - > - - {/* {(domain.image != undefined) && {domain.name}} - {(domain.image == undefined)&& {domain.name}} */} - {domain.name} - {/* {domain.name} */} - - - - {domain.name} - - - - ))} - - - ) : ( + {isLoading && ( <> - {isLoading && ( - <> - - - - - )} - - {!isLoading && !isBoxVisible && ( - - - - )} + + + + + )} - {isBoxVisible && ( - <> - - - - - - {itemsArray && - itemsArray?.slice(0, 10).map((domain, index) => ( - - handleDomainClick(domain.code, index, domain.name) - } - key={index} - orientation="horizontal" - size="sm" - variant="outlined" - style={{ display: "flex", margin: "0 4px" }} - onMouseEnter={(event) => handleMouseEnter(index)} - onMouseLeave={handleMouseLeave} - > - - - {domain.name} - - - {domain.name} - - {/* )} */} - - - ))} - - + {!isLoading && !isBoxVisible && ( + + + + )} + {isBoxVisible && ( + <> + + + {itemsArray && + itemsArray.slice(0, 10).map((domain, index) => ( handleDomainClick(domain.code, index, domain.name)} + key={index} + orientation="horizontal" + size="sm" + variant="outlined" > - + + {domain.name} + + + + {domain.name} + + - - + ))} + + + - - - )} - + + )} ); diff --git a/packages/nulp_elite/src/components/header.js b/packages/nulp_elite/src/components/header.js index c17a60af..1397acd4 100644 --- a/packages/nulp_elite/src/components/header.js +++ b/packages/nulp_elite/src/components/header.js @@ -2,20 +2,14 @@ import React, { useState, useEffect } from "react"; import AppBar from "@mui/material/AppBar"; import Box from "@mui/material/Box"; import Toolbar from "@mui/material/Toolbar"; -import Typography from "@mui/material/Typography"; import Menu from "@mui/material/Menu"; -import MenuIcon from "@mui/icons-material/Menu"; import Container from "@mui/material/Container"; import Tooltip from "@mui/material/Tooltip"; -import AccountCircleOutlinedIcon from "@mui/icons-material/AccountCircleOutlined"; import TextField from "@mui/material/TextField"; import IconButton from "@mui/material/IconButton"; import { Badge } from "@mui/material"; import SearchIcon from "@mui/icons-material/Search"; import Link from "@mui/material/Link"; -import DevicesIcon from "@mui/icons-material/Devices"; -import WebIcon from "@mui/icons-material/Web"; -import InputLabel from "@mui/material/InputLabel"; import MenuItem from "@mui/material/MenuItem"; import FormControl from "@mui/material/FormControl"; import Select from "@mui/material/Select"; @@ -27,7 +21,6 @@ import LogoutOutlinedIcon from "@mui/icons-material/LogoutOutlined"; import GTranslateIcon from "@mui/icons-material/GTranslate"; import MenuBookOutlinedIcon from "@mui/icons-material/MenuBookOutlined"; import ChatOutlinedIcon from "@mui/icons-material/ChatOutlined"; -import SortOutlinedIcon from "@mui/icons-material/SortOutlined"; import { useNavigate } from "react-router-dom"; import HomeOutlinedIcon from "@mui/icons-material/HomeOutlined"; import * as util from "../services/utilService"; @@ -37,8 +30,6 @@ const routeConfig = require("../configs/routeConfig.json"); import VideocamOutlinedIcon from "@mui/icons-material/VideocamOutlined"; import NotificationsNoneOutlinedIcon from "@mui/icons-material/NotificationsNoneOutlined"; import Groups2OutlinedIcon from "@mui/icons-material/Groups2Outlined"; -import Grid from "@mui/material/Grid"; -import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown"; import { ExpandLess, ExpandMore } from "@mui/icons-material"; import { Collapse, List } from "@mui/material"; import NotificationPopup from "./Notification"; @@ -232,28 +223,15 @@ function Header({ globalSearchQuery }) { }, []); const roleNames = userData?.result?.response?.roles.map((role) => role.role) || []; + + const textFieldStyle = { + fontSize: '12px', + backgroundColor: searchQuery ? '#065872' : 'transparent', + boxShadow: searchQuery ? '0 2px 4px rgba(0, 0, 0, 0.2)' : 'none', + color:searchQuery? '#fff' :"#000" + }; return ( <> - {/* Sidebar Navigation */} - - {/* - - - {" "} - +A - {" "} - - A -{" "} - - - A - {" "} - - - */} - + ), + style: { + color: searchQuery ? '#fff' : '#000', + }, }} /> @@ -316,49 +297,6 @@ function Header({ globalSearchQuery }) { alignItems: "space-between", }} > - {/* Navigation Links */} - {/* - - - - {t("MAIN_CONTENT")}{" "} - - */} - - {/* - - - {t("SCREEN_READER")}{" "} - - */} - {/* Language Select */} - - {/* - - - Text 1 - - - - - Text 2 - - - - - Text 3 - - - */} - {/* - ekta */} - - {/* - - - - - - - - Text 1 - - - - - Text 2 - - - - - Text 3 - - - */} @@ -623,23 +489,13 @@ function Header({ globalSearchQuery }) {
{userData?.result?.response?.firstName[0]}
- {/*
- {userData?.result?.response?.firstName} -
*/} )} - + + + + {t("PROFILE")} + + + + {roleNames.some((role) => ["CONTENT_CREATOR"].includes(role)) && ( - {t("PROFILE")} - - - {roleNames.some((role) => ["CONTENT_CREATOR"].includes(role)) && ( - - + + {t("DASHBOARD")} - - + + + )} {/* Check if roles array is empty or contains "PUBLIC" */} {(roleNames && roleNames.length === 0) || (roleNames.length === 1 && roleNames.includes("PUBLIC")) ? null : ( - - + + + {t("WORKSPACE")} - - + + + )} - - + + + {t("HELP")} - - - - + + + + + + {t("LOGOUT")} - - + + + @@ -784,17 +650,6 @@ function Header({ globalSearchQuery }) { className="lg-hide lg-mt-10" > - {/* - - */} - - + + + {" "} {t("HELP")} - - - - + + + + + + {" "} {t("LOGOUT")} - - + + + @@ -905,38 +764,6 @@ function Header({ globalSearchQuery }) { - {/* - - - Text 1 - - - - - Text 2 - - - - - Text 3 - - - */} {userData?.result?.response?.firstName[0]} - {/*
- {userData?.result?.response?.firstName} -
*/} )} {/* */} - - + + {t("PROFILE")} - - + + - - {t("POLL")} - - + + + + {t("POLL")} + + + )} {roleNames.some((role) => ["ORG_ADMIN", "SYSTEM_ADMINISTRATION", "CONTENT_CREATOR"].includes( role ) ) && ( - - + + + {t("EVENTS")} - - + + + )} - - + + + {t("LEARNING_REPORT")} - - + + + @@ -1096,94 +919,83 @@ function Header({ globalSearchQuery }) { role ) ) && ( - - - {t("POLL")} - - + + + + {t("POLL")} + + + )} {roleNames.some((role) => ["ORG_ADMIN", "SYSTEM_ADMINISTRATION", "CONTENT_CREATOR"].includes( role ) ) && ( - - - {t("EVENTS")} - - - )} - - - {t("LEARNING_REPORT")} - - - - - - {/* {userData && - userData?.result?.response?.roles?.length === 1 && - [ - "SYSTEM_ADMINISTRATION", - "ORG_ADMIN", - "CONTENT_CREATOR", - ].some((role) => - userData?.result?.response?.roles?.includes(role) - ) && ( - - {t("DASHBOARD")} + + + {t("EVENTS")} + + + )} + + + + {t("LEARNING_REPORT")} + - )} */} + + + + {roleNames.some((role) => ["ORG_ADMIN", "SYSTEM_ADMINISTRATION"].includes( role ) ) && ( - - + + {t("ADMIN")} - - + + )} {/* Check if roles array is empty or contains "PUBLIC" */} {(roleNames && roleNames?.length === 0) || (roleNames.length === 1 && roleNames.includes("PUBLIC")) ? null : ( - - + + + {t("WORKSPACE")} - - + + + )} {/* @@ -1213,57 +1025,43 @@ function Header({ globalSearchQuery }) { role ) ) && ( - - + + + {t("CREATE_POLL")} - - + + + )} - - + + {t("POLL_LIST")} - - - {/* {roleNames.some((role) => - ["SYSTEM_ADMINISTRATION", "CONTENT_CREATOR"].includes( - role - ) - ) && ( - - - {t("DASHBOARD")} - - - )} */} + + - - - + + {t("HELP")} - - - - + + + + {t("LOGOUT")} - - + + {/* Language Select */} diff --git a/packages/nulp_elite/src/pages/connections/chat.js b/packages/nulp_elite/src/pages/connections/chat.js index 4d1ba386..00e7664a 100644 --- a/packages/nulp_elite/src/pages/connections/chat.js +++ b/packages/nulp_elite/src/pages/connections/chat.js @@ -124,6 +124,8 @@ const Chat = ({ const [toasterOpen, setToasterOpen] = useState(false); const [toasterMessage, setToasterMessage] = useState(""); const [receiverData, setReceiverData] = useState([]); + const [eneteredtextValue, setEnteredTextValue] = useState(""); + const charLimit = 700; const [prefilledMessage, setPrefilledMessage] = useState( "Hello! I’d like to connect with you." ); @@ -520,6 +522,10 @@ const Chat = ({ const handleTextareaChange = (event) => { setPrefilledMessage(event.target.value); setTextValue(event.target.value); + const value = event.target.value; + if (value.length <= charLimit) { + setEnteredTextValue(value); + } }; const onEmojiClick = (event, emojiObject) => { const { emoji } = event; @@ -564,9 +570,11 @@ const Chat = ({ {receiverData[0].designation} - - - + + + + + )} {!showCloseIcon && ( @@ -847,7 +855,9 @@ const Chat = ({ fullWidth sx={{ fontSize: "13px" }} /> - + + {`${textValue.length}/${charLimit}`} + - - ))} + + + ))} {items.poll_keywords.length > 3 && ( )} + ) : ( + + )} + {/* { handleOpenModal(items.poll_id, event) } > - {t("VIEW_STATUS")}{" "} + {t("VIEW_STATUS")}{" "} - - ))} + + + ))} {items.poll_keywords.length > 3 && ( )} + ) : ( + + )} + { className="h2-title mt-30" > - {t("NO_POLL_AVAILABLE_NOW")} + {t("NO_POLL_AVAILABLE_NOW")} )} @@ -672,7 +671,7 @@ const votingDashboard = () => { > - {t("DRAFT_POLLS")} + {t("DRAFT_POLLS")} {!showAllDraft && visibleDraftPolls.length >= 3 && ( @@ -788,43 +787,42 @@ const votingDashboard = () => { - {items?.poll_keywords && ( + {items?.poll_keywords && items.poll_keywords.length > 0 ? ( <> - {items.poll_keywords - .slice(0, 2) - .map((keyword, index) => ( - - - - ))} + + + ))} {items.poll_keywords.length > 3 && ( )} + ) : ( + + )} + {/* { className="custom-btn-primary ml-20" onClick={() => handleViewAll(closedPolls, "closed")} > - {t("VIEW_ALL")} + {t("VIEW_ALL")} )} @@ -1054,11 +1052,10 @@ const votingDashboard = () => { - {items?.poll_keywords && ( - <> - {items.poll_keywords - .slice(0, 2) - .map((keyword, index) => ( + + {items?.poll_keywords && items.poll_keywords.length > 0 ? ( + <> + {items.poll_keywords.slice(0, 2).map((keyword, index) => ( { className="customlabeltwo cardLabelEllips" > ))} - {items.poll_keywords.length > 3 && ( - - - - )} - - )} + + + )} + + ) : ( + + )} + - {/* - App Icon - */} @@ -1293,7 +1277,7 @@ const votingDashboard = () => { )} - {t("ENDED_ON")}: + {t("ENDED_ON")}: div { + + .lg-mx-90>div { position: relative; padding-bottom: 56.25%; height: 0px; @@ -245,8 +240,7 @@ button { } .carousel-active-ui img { - filter: invert(68%) sepia(75%) saturate(1579%) hue-rotate(167deg) - brightness(92%) contrast(89%); + filter: invert(68%) sepia(75%) saturate(1579%) hue-rotate(167deg) brightness(92%) contrast(89%); /* filter: brightness(0) invert(1); */ } @@ -268,14 +262,8 @@ button { height: 50px; } - .bg-darkblue1 { - background: #065872; - position: fixed; - top: 80px; - z-index: 1000; - width:100%; - } - + + .profile-text-circle { align-items: center; border-radius: 100%; @@ -509,11 +497,9 @@ button { border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; - background: linear-gradient( - 45deg, - rgba(28, 25, 25, 0.46) 7%, - rgba(20, 18, 18, 0.57) 45% - ); + background: linear-gradient(45deg, + rgba(28, 25, 25, 0.46) 7%, + rgba(20, 18, 18, 0.57) 45%); } .card-div { @@ -523,11 +509,9 @@ button { right: 0px; width: 100%; height: 89px; - background: linear-gradient( - 45deg, - rgba(28, 25, 25, 0.29) 7%, - rgba(20, 18, 18, 0.09) 45% - ); + background: linear-gradient(45deg, + rgba(28, 25, 25, 0.29) 7%, + rgba(20, 18, 18, 0.09) 45%); z-index: 999; margin: 0px; border-top-left-radius: 10px; @@ -551,6 +535,7 @@ button { .sendMessag button:hover { background: #fff !important; } + .profile .cardLabelEllips { width: 94px; white-space: nowrap; @@ -558,6 +543,7 @@ button { text-overflow: ellipsis; display: block !important; } + .cardLabelEllips { max-width: 175px; white-space: nowrap; @@ -594,6 +580,7 @@ button { border-radius: 5px !important; min-width: inherit !important; } + .customlabeltwo { background: #e1f5ff !important; color: #212121 !important; @@ -624,8 +611,6 @@ button { .jss1 .MuiButton-textPrimary { background: #fff !important; border: none !important; - /* padding: 25px 0; */ - /* float: right; */ width: 46px; } @@ -718,9 +703,11 @@ button { align-items: center; justify-content: center; } + .ml-10 { margin-left: 10px !important; } + .ml-20 { margin-left: 20px !important; } @@ -758,52 +745,54 @@ button { margin-bottom: 22px; padding-right: 10px; } - - /* .dashboard .h1-title, - .dashboard .h2-title { - color: #fff !important; - } */ .custom-card { justify-content: space-between !important; } + .flter-btn .MuiButton-textPrimary { background: #fff; } + button.Mui-disabled { background: #cacccc70 !important; border: none !important; } - /* .h6-title.pl-20 { - width: 139px; - } */ + } @media (max-width: 768px) { .d-flex-none { display: block !important; } + .xs-m { margin: 10px 20px !important; } + .primary-btn { margin-top: 20px !important; } + .h1-title { line-height: 30px; margin-bottom: 25px; } + .custom-btn-primary, .custom-btn-danger, .custom-btn-success, .custom-btn-default { padding: 0 20px !important; } + .MuiGrid-container .custom-event-container { margin: -7px !important; } + .custom-card { justify-content: space-between; } + .certificate .MuiCard-root { background: #ffe8a975 !important; border: solid 1px #ffe8a975 !important; @@ -812,6 +801,7 @@ button { .custom-card .cardBox { height: 276px; } + .img-text-circle { align-items: center; background-color: #007b9d; @@ -823,6 +813,7 @@ button { justify-content: center; width: 53px; } + .dashboard { margin-bottom: 55px !important; } @@ -835,6 +826,7 @@ button { .cardLabelEllips { width: 145px !important; } + .votingList .cardLabelEllips { max-width: 145px !important; } @@ -857,13 +849,16 @@ button { padding-top: 3px !important; padding-bottom: 3px !important; } + .xs-py-10 { padding-top: 10px !important; padding-bottom: 10px !important; } + .allContentlearning { padding-right: 0 !important; } + .allContentlearning .custom-card { justify-content: inherit !important; } @@ -1134,6 +1129,7 @@ button { .xs-mb-10 { margin-bottom: 10px; } + .xs-mb-20 { margin-bottom: 20px; } @@ -1180,6 +1176,7 @@ button { .xs-pb-75 { padding-bottom: 75px !important; } + /* .xs-shadow-none .scroll, */ /* .xs-shadow-none .scroll-45 { height: 100vh !important; @@ -1191,6 +1188,7 @@ button { .xs-pt-15 { padding-top: 15px; } + .xs-pt-0 { padding-top: 0 !important; } @@ -1266,32 +1264,41 @@ button { .custom-card { justify-content: space-between; } + .MuiGrid-container.custom-container { margin-left: 1px !important; width: 99%; } + .custom-container .custom-btn-danger { padding: 10px 10px !important; } + .mb-38 { margin-bottom: 38px !important; } + .xs-pb-20.mt-12 .oneLineEllipsis { height: 20px !important; } + .my-custom { margin: 16px 0 20px 0 !important; } + .certificate { margin-top: 10px !important; } + .custom-pb-20 { padding: 0 20px 20px 20px !important; } + .MuiGrid-container.xs-container { margin-left: 0px !important; width: 100%; } + .appicon { width: 60px; height: 60px; @@ -1300,10 +1307,12 @@ button { .lg-left { text-align: left; } - #root > div:first-child { + + #root>div:first-child { min-height: 100vh; padding-bottom: 55px; } + .votingList .MuiTab-root { width: 42% !important; } @@ -1313,33 +1322,42 @@ button { .MuiCardContent-root.profile-cardContent { width: 88%; } + .MuiFormControl-root.MuiTextField-root.w-33 { width: 33% !important; } + .custom-event-container .MuiTabs-flexContainer { justify-content: center !important; } + .MuiFormControl-root.MuiTextField-root.w-86 { width: 86% !important; } - #root > div:first-child { + + #root>div:first-child { min-height: 100vh; padding-bottom: 135px; } + .custom-event-container .cardBox, .votingDashboard .cardBox { height: 100% !important; } + .lg-left { text-align: right; } + .appicon { width: 100px; height: 100px; } + .custom-pb-20 { padding: 20px 20px 20px 20px !important; } + .my-custom { margin: 33px 0 20px 0 !important; } @@ -1347,9 +1365,11 @@ button { .m-0 { margin: 0 !important; } + .profile .MuiAlert-message { width: 60% !important; } + .certificate .MuiCard-root { background: #ffe8a975 !important; border: solid 1px #ffe8a975 !important; @@ -1367,6 +1387,7 @@ button { margin-bottom: 22px; padding-right: 10px; } + /* .MuiContainer-root.pt-121, .container-pb.player { padding-top: 121px !important; @@ -1396,9 +1417,11 @@ button { .MuiContainer-root.xs-pb-20.mt-12.xss-p-0 { padding-top: 117px !important; } + .lg-mb-70 { margin-bottom: 90px !important; } + .lg-pr-10 { padding-right: 10px !important; } @@ -1416,30 +1439,13 @@ button { box-shadow: 0px 4px 4px 0px #00000040 !important; background: "#f9fafc"; } - /* .MuiContainer-root.container-pb.mb-20.xs-pb-75.lg-mt-12 { - padding-top: 0 !important; - } - .MuiContainer-root.allContent.xs-mb-75.domain-list { - padding-top: 0 !important; - } - - .custom-event-container .center-box { - transform: translate(2%, 10px); - } - - .event-list .MuiTabs-flexContainer { - justify-content: center !important; - } */ - - /* .css-u9086j { - width: 100% !important; - } */ .left-container { /* box-shadow: 0px 4px 4px 0px #00000040 !important; */ background: #f9fafc; } + .MuiContainer-root.allContentlearning, .MuiContainer-root.profile.allContentProfile { padding-top: 0 !important; @@ -1452,9 +1458,11 @@ button { width: 100%; z-index: 999999 !important; } + .profile-btn svg { color: #484848 !important; } + .Menuactive.profile-btn { align-items: center; /* background: #0e7a9c !important; */ @@ -1464,13 +1472,16 @@ button { padding: 5px !important; text-align: center; } + .profile-btn.Menuactive:hover { background: #fff !important; } + .Menuactive .profile-text-circle { color: #fff; background: #0e7a9c; } + .notification-circle svg { color: #484848 !important; } @@ -1499,6 +1510,7 @@ button { .allContentProfile .custom-card-box { width: 214px !important; } + .domainText { color: #484848; font-size: 11px !important; @@ -1509,9 +1521,11 @@ button { text-align: center; /* width: 120px; */ } + .w-100 { width: 100% !important; } + /* .translate svg { color: #fff !important; } */ @@ -1542,10 +1556,11 @@ button { .addConnectChat .jss5 { position: inherit !important; - text-align:left !important; + text-align: left !important; font-size: 15px !important; max-width: 85% !important; } + .addConnectChat .jss6.undefined { width: auto !important; text-align: left !important; @@ -1556,12 +1571,15 @@ button { .mr-13 { margin-right: 13px !important; } + .mr-17 { margin-right: 17px !important; } + .mr-22 { margin-right: 22px !important; } + .mr-30 { margin-right: 30px !important; } @@ -1611,6 +1629,7 @@ button { .content-list .custom-card { justify-content: start; } + .custom-card { justify-content: start !important; } @@ -1662,6 +1681,7 @@ button { .cardCourses { width: 133px; } + .cardBox { height: 314px; } @@ -1702,6 +1722,7 @@ button { .Menuactive { display: flex; } + /* .custom-card { justify-content: space-between; } */ @@ -1749,9 +1770,11 @@ button { .lg-ml-0 { margin-left: 0 !important; } + .lg-pl-5 { padding-left: 5px !important; } + .lg-pl-18 { padding-left: 18px; } @@ -1763,6 +1786,7 @@ button { .lg-pl-12 { padding-left: 12px !important; } + .lg-pl-0 { padding-left: 0 !important; } @@ -1893,24 +1917,6 @@ button { margin-top: 92px; } - /* .carousel-active-ui { - background: #0e7a9c; - width: 215px; - } */ - /* .carousel-active-ui .imgBorder { - background: #0e7a9c !important; - border: solid 1px #0e7a9c; - } */ - /* .carousel-active-ui img { - filter: brightness(0) invert(1); - } */ - - /* .react-multi-carousel-list { - background: #fff; - box-shadow: 0px 4px 4px 0px #00000040; - margin-top: 0; - } */ - .react-multi-carousel-list.carousel-container .MuiGrid-container { margin-left: -2px !important; } @@ -1939,42 +1945,65 @@ button { .xs-p-0 { padding-top: 0 !important; } + .addConnectChat .jss7 { margin-top: 21px !important; } + .spacing-header a { margin: 0 23px !important; } - .my-class { - margin: 0 10px !important; - } + + } @media (max-width: 769px) { + .lg-hide.lg-mt-10{ + position: fixed; + transition: top .3s ease; + width: 100%; + z-index: 99999; +} +.domain-box { + margin-top: 57px !important; +} + + .bg-darkblue { + margin-top: -18px; + position: fixed !important; + width: 100% !important; + } + .voting-buttons { display: flex; justify-content: space-between; margin: 12px 8px 1px 0px; } + .event-card-img { width: 75px !important; height: 75px !important; } + .voting-text { margin-top: 15px; } } @media (min-width: 769px) { + .addConnection .MuiTabs-flexContainer { justify-content: space-between !important; } + .addConnection .MuiTabs-scroller button:nth-child(3) { max-width: 100px !important; } + .addConnection .MuiTabs-scroller button:nth-child(1) { max-width: 129px !important; } + .lg-pr-20 { padding-right: 20px !important; } @@ -2009,6 +2038,7 @@ button { box-shadow: 0px 4px 4px 0px #00000040; background: #f9fafc; } + /* .MuiContainer-root.createForm { padding-top: 134px !important; } @@ -2050,88 +2080,63 @@ button { margin-left: 10px; width: 10%; } + .domain-box { text-align: center; margin: 0 auto; background: none !important; margin-top: -9px !important; } + SkeletonLoader { margin-top: 117px !important; } - .domain-btn { - background: #fff !important; - /* border: 1px solid #004367 !important; */ - border-radius: 10px !important; - color: #004367 !important; - font-size: 12px !important; - font-weight: 500 !important; - padding: 10px 15px !important; - /* box-shadow: 0 4px 4px 0 #00000040 !important; */ - border: none; - cursor: pointer; - box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2) !important; - } .pos-fixed, .scrolledTop { transition: top 0.2s ease-in-out; } - /* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { - .custom-card { - display: grid !important; - grid-template-columns: repeat(4, 1fr) !important; - gap: 16px !important; - } -} */ } +.domain-btn { + background: #fff !important; + /* border: 1px solid #004367 !important; */ + border-radius: 10px !important; + color: #004367 !important; + font-size: 12px !important; + font-weight: 500 !important; + padding: 10px 15px !important; + /* box-shadow: 0 4px 4px 0 #00000040 !important; */ + border: none; + cursor: pointer; + box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2) !important; +} + @media (min-width: 1201px) { .domainText { width: 82px !important; margin: 0 20px !important; } -} -@media (min-width: 769px) and (max-width: 1208px) { - .carousel-bx { - padding: 9px 0 !important; - } - .domain-fixed .bg-darkblue { - position: fixed !important; - width: 100%; - z-index: 99999; - overflow-y: scroll; + + .react-multiple-carousel__arrow--right { + display: none !important; } - .domain-fixed .mt-180 { - margin-top: 180px !important; + + .react-multiple-carousel__arrow--left { + display: none !important; } } -@media (min-width: 1209px) { - .domain-fixed .bg-darkblue { - position: fixed !important; - width: 100%; - z-index: 99999; - overflow-y: scroll; - background: #065872; - } - /* .domain-fixed .mt-180 { - margin-top: 180px !important; - } */ - .carousel-bx { - transition: top 0.2s ease-in-out; - } - .react-multi-carousel-list { - background: #fff; - box-shadow: 0px 4px 4px 0px #00000040; - margin-top: 0; - } - .react-multi-carousel-list { - display: block !important; - } - .carousel-bx { - justify-content: center; - } + +.bg-darkblue { + background: #065872; + position: fixed; + top: 78px; + width: 100%; + z-index: 1000; } + + @media (min-width: 1377px) { + .allContentlearning .custom-card, .allContentProfile .custom-card { display: grid !important; @@ -2143,6 +2148,7 @@ button { width: 214px !important; } } + @media (min-width: 1420px) { .custom-card { display: grid !important; @@ -2207,6 +2213,7 @@ button { .custom-dot-list-style { display: none !important; } + .lg-d-flex { display: flex; } @@ -2356,11 +2363,9 @@ header { top: 10px; width: 270px; height: 88px; - background: linear-gradient( - 269deg, - rgba(255, 255, 255, 0) 2.05%, - #ffffff 99.68% - ); + background: linear-gradient(269deg, + rgba(255, 255, 255, 0) 2.05%, + #ffffff 99.68%); left: 0; } @@ -2377,11 +2382,9 @@ header { width: 160px; height: 65px; right: 0; - background: linear-gradient( - 269deg, - rgba(255, 255, 255, 0) 2.05%, - #ffffff 99.68% - ); + background: linear-gradient(269deg, + rgba(255, 255, 255, 0) 2.05%, + #ffffff 99.68%); } .year-select { @@ -2415,16 +2418,12 @@ Link, background: #fff !important; } -.register - .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { +.register .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input { background: #fff !important; text-align: left !important; } -.register - .css-132u4s-MuiFormControl-root-MuiTextField-root - .MuiOutlinedInput-root - fieldset { +.register .css-132u4s-MuiFormControl-root-MuiTextField-root .MuiOutlinedInput-root fieldset { width: 94.6% !important; } @@ -2496,6 +2495,7 @@ Footer { font-size: 12px !important; border: solid 1px #0e7a9c !important; } + .primary-btn { background: #0e7a9c !important; border-radius: 20px !important; @@ -2504,9 +2504,11 @@ Footer { font-weight: 500 !important; border: solid 1px #0e7a9c; } + .custom-btn-primary:hover { background: #0e7a9c !important; } + .custom-btn-primaryy { background: #0e7a9c !important; border-radius: 10px !important; @@ -2516,9 +2518,11 @@ Footer { font-size: 12px !important; border: solid 1px #0e7a9c; } + .custom-btn-primaryy:hover { background: #0e7a9c !important; } + .custom-btn-default { border-radius: 10px !important; color: #004367 !important; @@ -2527,7 +2531,7 @@ Footer { font-size: 12px !important; border: solid 1px #004367 !important; background: #fff !important; - cursor:pointer; + cursor: pointer; } .custom-btn-default:hover { @@ -2684,9 +2688,11 @@ button { .jc-bw { justify-content: space-between !important; } + .jc-center { justify-content: center !important; } + .jc-center .MuiTabs-flexContainer { justify-content: center !important; } @@ -2694,9 +2700,11 @@ button { .alignItems-center { align-items: center; } + .alignItems-start { align-items: start !important; } + .ml-0 { margin-left: 0 !important; } @@ -2794,6 +2802,7 @@ button { .fs-12 { font-size: 12px !important; } + .fs-18 { font-size: 18px !important; } @@ -2805,7 +2814,6 @@ button { } .header-bg { - padding: 15px; border-radius: 20px; background: #f9fafc; border: solid 1px #dddddd; @@ -2856,6 +2864,7 @@ button { .pr-28 { padding-right: 28px !important; } + .pr-4 { padding-right: 4px !important; } @@ -3022,9 +3031,11 @@ button { .pt-0 { padding-top: 0 !important; } + .pt-12 { padding-top: 12px !important; } + MuiDialog-paper .mt-15 { margin-top: 15px !important; } @@ -3163,9 +3174,11 @@ custom-chip { .bg-blueShade3:hover { background: #e3f5ff !important; } + .fs-13 { font-size: 13px !important; } + .fs-14 { font-size: 14px !important; } @@ -3282,7 +3295,7 @@ custom-chip { font-size: 16px !important; color: #000; font-weight: 400 !important; - margin-top:5px; + margin-top: 5px; } .filter-text { @@ -3393,9 +3406,11 @@ custom-chip { .profile-btn.Menuactive { display: flex !important; } + header .Menuactive:hover { background: transparent !important; } + .Menuactive:hover { background: #0e7a9c !important; } @@ -3443,13 +3458,10 @@ header .MuiContainer-maxWidthLg { outline: 0; } -.MuiInputBase-adornedEnd { - background: #fff !important; -} - .profile .MuiButtonBase-root:hover { background: rgb(14, 122, 156) !important; } + .profile .profile-cardContent .MuiButtonBase-root:hover { background: #e3f5ff !important; } @@ -3566,11 +3578,9 @@ header .MuiContainer-maxWidthLg { font-size: 14px; text-shadow: 1px 1px 2px #666e70; } - -/* .my-class.carousel-active-ui .cursor-pointer { - width: 104px; - margin-bottom: -12px; -} */ +.my-class { + margin: 20px 0px 10px 0px !important; +} thead th { font-weight: 600 !important; } @@ -3601,13 +3611,16 @@ thead th { .createForm { margin-bottom: 30px !important; } + .createForm .MuiInputAdornment-positionStart { position: inherit !important; } + .createForm .MuiInputAdornment-outlined { height: inherit !important; max-height: inherit !important; } + /* .createForm .MuiButton-root:hover { background: none !important; } */ @@ -3622,52 +3635,67 @@ thead th { .MuiRadioGroup-root svg { color: #0e7a9c !important; } + .MuiLinearProgress-root { display: block; width: 100%; height: 10px !important; border-radius: 10px; } + .voting-option { display: flex; align-items: center; } + .MuiBox-root.css-pazuet { margin-left: 40px; } + .MuiLinearProgress-bar { width: 100% !important; } + .progressOne .MuiLinearProgress-bar { background-color: #9aaef9; } + .progressOne .MuiLinearProgress-root { background-color: #7995ff; } + .progressTwo .MuiLinearProgress-bar { background-color: #fea49d; } + .progressTwo .MuiLinearProgress-root { background-color: #ff928a; } + .progressThree .MuiLinearProgress-bar { background-color: #60def8; } + .progressThree .MuiLinearProgress-root { background-color: #3cc3df; } + .voting-option .css-70qvj9 { width: 100% !important; } + .icon-blue { color: #7995ff !important; } + .bx-none { box-shadow: none !important; } + .b-none { border: none !important; } + .MuiDialog-paper .MuiListItemText-root { display: inline-block !important; } @@ -3676,24 +3704,30 @@ thead th { min-height: 100vh; } -.MuiDialogTitle-root + .css-1ty026z { +.MuiDialogTitle-root+.css-1ty026z { padding-top: 20px !important; } + .MuiListItemText-root span { font-family: Poppins, sans-serif !important; } + input:required::after { content: "*"; color: red; - margin-left: 5px; /* Adjust spacing as needed */ + margin-left: 5px; + /* Adjust spacing as needed */ font-weight: bold; } + .red { color: red !important; } + .MuiCheckbox-colorSecondary.Mui-checked { color: #007b9d !important; } + .dashboard .MuiChip-label { overflow: hidden; white-space: nowrap; @@ -3702,52 +3736,69 @@ input:required::after { text-overflow: ellipsis; width: 175px !important; } + .subDomain legend { min-width: 90px !important; } + .mt-15 { margin-top: 15px !important; } + .height-inherit { height: inherit !important; } + .mt-10 { margin-top: 10px !important; } + .d-inline-block { display: inline-block !important; } -/* .MuiChartsAxis-tickContainer { - transform: rotate(0.1turn); -} */ .feedback-popup .MuiDialog-paper { width: 434px !important; } + .recording .MuiDialog-paper { width: 300px !important; } + .joinCourse .MuiBreadcrumbs-ol .oneLineEllipsis { padding-top: 0 !important; } + .css-1nmdiqf5-menu { z-index: 9999999 !important; } + .ai-center { align-items: center; } -.cardBox1{ -min-height:300px; + +.cardBox1 { + min-height: 300px; } + .visibility-hidden { visibility: hidden; } .height-200{ height:200px; } +.xs-hide.d-flex.bg-white { + height: 75px; +} .remove-box{ background: #e1f5ff !important; display: flex; margin-left: 10px; padding: 3px 13px; border-radius: 7px; +} +.css-qiwgdb.MuiSelect-select { + white-space: initial; +} +.mb-20{ + margin-bottom: 20px; } \ No newline at end of file