@titaui/pc 1.9.75 → 1.9.80

package/src/components/okr-progress-modal/helper.js

@@ -1,7 +1,7 @@
 import React, { Fragment } from "react";
 import { getLocale } from "../../utils/getLocale";
 
-export const getO_SETTING = () => ({
+export const getOSetting = () => ({
   settingTitle: getLocale("OKR_MyO_Pop_Upd_Setmatically"),
   switchLabel: getLocale("OKR_MyO_Pop_Upd_Setmatically"),
   options: [
@@ -16,31 +16,35 @@ export const getO_SETTING = () => ({
       tooltip: getLocale("OKR_MyO_Pop_Upd_SubO"),
     },
   ],
-  getRecommandText: (autoUpdate = true, updateWay = 1, recommandProgressObj) => {
+  getRecommandText: (recommandProgressObj, autoUpdate = true, updateWay = 1) => {
     if (autoUpdate) {
-      if (updateWay == 1) return <span className="auto-update__recommand-tip">{getLocale("OKR_MyO_Pop_Upd_Automatic")}</span>;
-      if (updateWay == 2) return <span className="auto-update__recommand-tip">{getLocale("OKR_MyO_calculationSubO")}</span>;
-    } else {
-      const { childOkrProgress, childkrProgress } = recommandProgressObj;
-      const textArr = [];
-      childkrProgress !== -1 && textArr.push(`${getLocale("OKR_MyO_Pop_Upd_KRCom")}${childkrProgress}${getLocale("OKR_MyO_Pop_Upd_Percentage")}`);
-      childOkrProgress !== -1 && textArr.push(`${getLocale("OKR_MyO_Ew_SubobjCom")}${childOkrProgress}${getLocale("OKR_MyO_Pop_Upd_Percentage")}`);
-      if (textArr.length == 0) return "";
-      return (
-        <>
-          <span className="auto-update__recommand-icon">{getLocale("Per_Ass_Pop_title_Recommend")}</span>
-          <span className="auto-update__recommand-tip">
-            （
-            {textArr.join("，")}
-            ）
-          </span>
-        </>
-      );
+      if (updateWay === 1) return <span className="auto-update__recommand-tip">{getLocale("OKR_MyO_Pop_Upd_Automatic")}</span>;
+      if (updateWay === 2) return <span className="auto-update__recommand-tip">{getLocale("OKR_MyO_calculationSubO")}</span>;
+      return <span />;
     }
+    const { childOkrProgress, childkrProgress } = recommandProgressObj;
+    const textArr = [];
+    if (childkrProgress !== -1) {
+      textArr.push(`${getLocale("OKR_MyO_Pop_Upd_KRCom")}${childkrProgress}${getLocale("OKR_MyO_Pop_Upd_Percentage")}`);
+    }
+    if (childOkrProgress !== -1) {
+      textArr.push(`${getLocale("OKR_MyO_Ew_SubobjCom")}${childOkrProgress}${getLocale("OKR_MyO_Pop_Upd_Percentage")}`);
+    }
+    if (textArr.length === 0) return "";
+    return (
+      <>
+        <span className="auto-update__recommand-icon">{getLocale("Per_Ass_Pop_title_Recommend")}</span>
+        <span className="auto-update__recommand-tip">
+          （
+          {textArr.join("，")}
+          ）
+        </span>
+      </>
+    );
   },
 });
 
-export const getKR_SETTING = () => ({
+export const getKrSetting = () => ({
   settingTitle: getLocale("OKR_MyO_KRCompletion"),
   switchLabel: getLocale("OKR_MyO_SetKRcompletion"),
   options: [
@@ -55,31 +59,35 @@ export const getKR_SETTING = () => ({
       tooltip: getLocale("OKR_MyO_KRcompletionde"),
     },
   ],
-  getRecommandText: (autoUpdate = true, updateWay = 1, recommandProgressObj) => {
+  getRecommandText: (recommandProgressObj, autoUpdate = true, updateWay = 1) => {
     if (autoUpdate) {
-      if (updateWay == 1) return <span className="auto-update__recommand-tip">{getLocale("OKR_MyO_Automatic")}</span>;
-      if (updateWay == 2) return <span className="auto-update__recommand-tip">{getLocale("OKR_MyO_calculationSubO")}</span>;
-    } else {
-      const { childOkrProgress, childEProgress } = recommandProgressObj;
-      const textArr = [];
-      childEProgress !== -1 && textArr.push(`${getLocale("OKR_MyO_Ecompletion")}${childEProgress}${getLocale("OKR_MyO_Pop_Upd_Percentage")}`);
-      childOkrProgress !== -1 && textArr.push(`${getLocale("OKR_MyO_Ew_SubobjCom")}${childOkrProgress}${getLocale("OKR_MyO_Pop_Upd_Percentage")}`);
-      if (textArr.length == 0) return "";
-      return (
-        <>
-          <span className="auto-update__recommand-icon">{getLocale("Per_Ass_Pop_title_Recommend")}</span>
-          <span className="auto-update__recommand-tip" style={{ marginLeft: 0 }}>
-            (
-            {textArr.join("，")}
-            )
-          </span>
-        </>
-      );
+      if (updateWay === 1) return <span className="auto-update__recommand-tip">{getLocale("OKR_MyO_Automatic")}</span>;
+      if (updateWay === 2) return <span className="auto-update__recommand-tip">{getLocale("OKR_MyO_calculationSubO")}</span>;
+      return <span />;
+    }
+    const { childOkrProgress, childEProgress } = recommandProgressObj;
+    const textArr = [];
+    if (childEProgress !== -1) {
+      textArr.push(`${getLocale("OKR_MyO_Ecompletion")}${childEProgress}${getLocale("OKR_MyO_Pop_Upd_Percentage")}`);
+    }
+    if (childOkrProgress !== -1) {
+      textArr.push(`${getLocale("OKR_MyO_Ew_SubobjCom")}${childOkrProgress}${getLocale("OKR_MyO_Pop_Upd_Percentage")}`);
     }
+    if (textArr.length === 0) return "";
+    return (
+      <>
+        <span className="auto-update__recommand-icon">{getLocale("Per_Ass_Pop_title_Recommend")}</span>
+        <span className="auto-update__recommand-tip" style={{ marginLeft: 0 }}>
+          (
+          {textArr.join("，")}
+          )
+        </span>
+      </>
+    );
   },
 });
 
-export const transProgress = (progress) => (progress == -1 ? 0 : progress);
+export const transProgress = (progress) => (progress === -1 ? 0 : progress);
 
 export const getKrOptions = () => [
   {

package/src/components/okr-progress-modal/index.tsx

@@ -1,11 +1,11 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, FC } from "react";
 import { Input, Modal, Tooltip } from "tita-ui";
 import classNames from "classnames";
 import { getKrRecommandProgress, getORecommandProgress } from "./request-apis";
 import Switch from "../switch";
 import Textarea from "./textarea";
 import {
-  getO_SETTING, getKR_SETTING, transProgress, getKrOptions, getOptions,
+  getOSetting, getKrSetting, transProgress, getKrOptions, getOptions,
 } from "./helper";
 import {
   ErrorTip, List, Item, Icon, Options, OptionsWrapper,
@@ -15,12 +15,12 @@ import { getLocale } from "../../utils/getLocale";
 import { inputWordTrans } from "../../utils/i18n-front-translate";
 import "./index.scss";
 
-const ProgressModal: React.FC<IProgressModalProps> = (props) => {
+const ProgressModal: FC<IProgressModalProps> = (props:IProgressModalProps) => {
   const {
     maxLength, okrInfo, onClose, onOk, title = window.getLocale("OKR_MyO_Prog_Butt_Update"), visible, isKr,
   } = props;
 
-  const configure = isKr ? getKR_SETTING() : getO_SETTING();
+  const configure = isKr ? getKrSetting() : getOSetting();
 
   const reg = /^[0-9]*[1-9][0-9]*$/;
   const [errorProgress, setErrorProgress] = useState(false);
@@ -34,10 +34,7 @@ const ProgressModal: React.FC<IProgressModalProps> = (props) => {
   const [selected, setSelected] = useState<number>(
     isKr ? okrInfo.riskLevel : okrInfo.manualRiskLevel,
   );
-  const [ShowKrProgress] = useState(() =>
-    // @ts-ignore
-    window.BSGlobal.OkrAdvancedSetting.KRSetting.ShowKrProgress);
-
+  const [ShowKrProgress] = useState(window?.BSGlobal?.OkrAdvancedSetting?.KRSetting?.ShowKrProgress);
   const [autoUpdate, setUpdate] = useState(true); // 设置自动更新
   const [updateWay, setUpdateWay] = useState(0); // 自动更新方式 0: 关闭， 1: 根据关见成果， 2: 子目标
   const [settingFolded, setSettingFold] = useState(false);
@@ -46,11 +43,11 @@ const ProgressModal: React.FC<IProgressModalProps> = (props) => {
   const getRecommendProgress = async () => {
     const getRecommandHandler = isKr ? getKrRecommandProgress : getORecommandProgress;
     const data = await getRecommandHandler(isKr ? okrInfo.mileStoneId : okrInfo.workId);
-    if (data.Code == 1) {
+    if (data.Code === 1) {
       const { UpdateProgressWay, Progress } = data.Data;
       setRecommandProgressObj(data.Data);
-      setUpdate(UpdateProgressWay != 0);
-      setUpdateWay(UpdateProgressWay == 0 ? 1 : UpdateProgressWay);
+      setUpdate(UpdateProgressWay !== 0);
+      setUpdateWay(UpdateProgressWay === 0 ? 1 : UpdateProgressWay);
       setProgress(Progress);
     }
   };
@@ -66,9 +63,12 @@ const ProgressModal: React.FC<IProgressModalProps> = (props) => {
   useEffect(() => {
     if (!autoUpdate) return;
     const { childOkrProgress, childkrProgress, childEProgress } = recommandProgressObj;
-    updateWay == 1
-      && setProgress(isKr ? transProgress(childEProgress) : transProgress(childkrProgress));
-    updateWay == 2 && setProgress(transProgress(childOkrProgress));
+    if (updateWay === 1) {
+      setProgress(isKr ? transProgress(childEProgress) : transProgress(childkrProgress));
+    }
+    if (updateWay === 2) {
+      setProgress(transProgress(childOkrProgress));
+    }
   }, [updateWay, autoUpdate, recommandProgressObj]);
 
   let descriptionText = (
@@ -131,6 +131,7 @@ const ProgressModal: React.FC<IProgressModalProps> = (props) => {
       title={title}
       visible={visible}
       width={600}
+      zIndex={2400}
     >
       <List>
         <Item>
@@ -165,7 +166,7 @@ const ProgressModal: React.FC<IProgressModalProps> = (props) => {
                 <Icon
                   color={option.color}
                   className={
-                    selected == option.id ? "tu-icon-singlebox-avtive" : "tu-icon-singlebox-have"
+                    selected === option.id ? "tu-icon-singlebox-avtive" : "tu-icon-singlebox-have"
                   }
                 />
                 <p>{option.text}</p>
@@ -195,7 +196,7 @@ const ProgressModal: React.FC<IProgressModalProps> = (props) => {
                       <span
                         className={classNames(
                           "auto-update-setting__radio",
-                          `auto-update-setting__radio${updateWay == option.key ? "--selected" : ""
+                          `auto-update-setting__radio${updateWay === option.key ? "--selected" : ""
                           }`,
                         )}
                       />

package/src/components/okr-share/index.tsx

@@ -11,7 +11,7 @@ interface Props {
   data: any;
 }
 
-const ShareContent = function ({ closeModal, getModalRef, data }: Props) {
+const ShareContent = ({ closeModal, getModalRef, data }: Props) => {
   const [shareImg, setShareImg] = useState<string>();
   const [showPublish, setShowPublish] = useState(false);
   return (
@@ -43,12 +43,14 @@ const ShareContent = function ({ closeModal, getModalRef, data }: Props) {
 };
 
 interface ShareProps {
-  shareComponent
   data: any;
   visible:boolean;
+  zIndex?: number;
   onClose: () => void
 }
-const OkrShare: React.FC<ShareProps> = ({ data, visible, onClose }) => {
+const OkrShare: React.FC<ShareProps> = ({
+  data, visible, onClose, zIndex,
+}) => {
   const modalRef = useRef<any>();
 
   return (
@@ -60,6 +62,7 @@ const OkrShare: React.FC<ShareProps> = ({ data, visible, onClose }) => {
         // maskClosable
       onCancel={() => onClose()}
       ref={modalRef}
+      zIndex={zIndex}
     >
       {visible ? (
         <ShareContent
@@ -71,5 +74,7 @@ const OkrShare: React.FC<ShareProps> = ({ data, visible, onClose }) => {
     </Modal>
   );
 };
-
+OkrShare.defaultProps = {
+  zIndex: 1300,
+};
 export default OkrShare;

package/src/components/okrcase-library/index.scss

@@ -25,7 +25,7 @@
     //     url("./image/head-background-right1.png");
     background-repeat: no-repeat;
     // background-position: center bottom, left bottom, right bottom;
-    background-image: url("./image/head-background.png");
+    background-image: url('./image/head-background.png');
     background-position: center top;
     // &-mask {
     //     height: 100%;
@@ -135,7 +135,7 @@
         position: relative;
         font-weight: 600;
         &::after {
-          content: "";
+          content: '';
           position: absolute;
           bottom: -14px;
           left: 0;
@@ -253,6 +253,7 @@
           font-weight: 600;
         }
         &__btn {
+          font-size: 14px;
           position: absolute;
           right: 15px;
           top: 60px;
@@ -265,6 +266,7 @@
           cursor: pointer;
           opacity: 0;
           transition: all 0.5s;
+          font-weight: 500;
           &-show {
             top: 37px;
             opacity: 1;
@@ -287,12 +289,12 @@
           }
         }
         &-blue {
-          background-image: url("./image/蓝.png");
+          background-image: url('./image/蓝.png');
           background-color: #f4f8ff;
           color: #2879ff;
         }
         &-red {
-          background-image: url("./image/红.png");
+          background-image: url('./image/红.png');
           background-color: rgba(240, 94, 94, 0.1);
           color: #f05e5e;
         }
@@ -415,7 +417,7 @@
       height: 64px;
       box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
       border-radius: 6px;
-      background-image: url("./image/会员背景.png");
+      background-image: url('./image/会员背景.png');
       background-size: 100%;
       background-repeat: no-repeat;
       background-position: center;
@@ -439,7 +441,7 @@
       width: 100%;
       height: 114px;
       background-color: #fff;
-      background-image: url("./image/广告图片.png");
+      background-image: url('./image/广告图片.png');
       background-size: 100%;
       background-repeat: no-repeat;
       background-position: center;
@@ -536,7 +538,7 @@
     flex-direction: column;
     justify-content: start;
     align-items: center;
-    background-image: url("./image/支付背景.svg");
+    background-image: url('./image/支付背景.svg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100%;

package/src/components/part-notice/index.tsx

@@ -1,5 +1,6 @@
 import React, { FC, useState, useCallback } from "react";
 import { LocalStorage } from "../../utils/local-storage";
+import { notAllowData } from "./not-allow-data";
 import "./index.scss";
 
 interface Props {
@@ -10,6 +11,7 @@ interface Props {
 
 const preCls = "part-notice";
 const storage = new LocalStorage();
+const tenantId = window.BSGlobal.tenantInfo.Id;
 
 const PartNotice: FC<Props> = ({ storageName, text, link }) => {
   const [visible, setVisible] = useState(() => {
@@ -33,6 +35,7 @@ const PartNotice: FC<Props> = ({ storageName, text, link }) => {
   const handleOpenLink = () => {
     window.open(link, "_target");
   };
+  if (!notAllowData.find((item) => item === tenantId)) return <span />;
   if (!visible) return <span />;
   return (
     <div className={`${preCls}`}>

package/src/components/part-notice/not-allow-data.tsx

@@ -0,0 +1,110 @@
+export const notAllowData = [
+  366131,
+  307425,
+  386434,
+  318995,
+  516911,
+  520530,
+  529247,
+  283929,
+  521974,
+  525553,
+  524783,
+  533197,
+  506389,
+  541245,
+  265530,
+  542555,
+  322665,
+  388103,
+  523558,
+  521070,
+  547650,
+  527324,
+  543000,
+  536771,
+  377798,
+  548066,
+  541479,
+  538509,
+  509148,
+  383549,
+  533456,
+  395251,
+  516682,
+  546877,
+  521818,
+  552965,
+  551336,
+  518051,
+  544736,
+  552455,
+  534044,
+  529329,
+  554018,
+  518791,
+  392024,
+  553462,
+  504585,
+  551576,
+  547861,
+  504087,
+  555603,
+  526408,
+  536559,
+  555641,
+  553800,
+  553083,
+  554654,
+  552158,
+  542587,
+  379998,
+  510788,
+  553836,
+  529906,
+  511358,
+  551913,
+  543085,
+  514568,
+  397292,
+  556796,
+  538802,
+  546456,
+  549378,
+  542520,
+  560327,
+  548612,
+  522327,
+  555225,
+  530370,
+  565991,
+  547082,
+  564585,
+  535986,
+  502385,
+  391420,
+  560552,
+  558317,
+  564416,
+  552974,
+  318867,
+  570075,
+  560793,
+  565994,
+  533855,
+  375844,
+  549354,
+  571823,
+  537982,
+  528567,
+  568168,
+  569066,
+  515852,
+  566360,
+  548969,
+  553532,
+  352728,
+  562259,
+  521375,
+];
+export default notAllowData;

package/src/components/period-selector/common.ts

@@ -5,8 +5,8 @@ import { getMonth } from "../../utils/constant";
 
 export const dealSelectedPeriodData = (period: string) => {
   const option: any = {};
-  option.cycleType = period == "-1" ? "-1" : period.substring(0, 1);
-  option.yqmNum = period.substring(2) == "" ? "0" : period.substring(2);
+  option.cycleType = Number(period) === -1 ? "-1" : period.substring(0, 1);
+  option.yqmNum = period.substring(2) === "" ? "0" : period.substring(2);
   return option;
 };
 
@@ -27,7 +27,7 @@ export const dealYearsRange = (
     }
     const startYear = yearsRange[0];
     const endYear = yearsRange[yearsRange.length - 1];
-    for (let i = startYear; i <= endYear; i++) {
+    for (let i = startYear; i <= endYear; i += 1) {
       yearsData.push({
         checked: false,
         order: [`${i}`],
@@ -51,7 +51,7 @@ export const formatPeriod = (selected: SelectedInterface) => {
   if (!selected) return "";
   const quarter = ["", `${getLocale("OKR_MyO_Pop_1stQuarter")}`, `${getLocale("OKR_MyO_Pop_2ndQuarter")}`, `${getLocale("OKR_MyO_Pop_3rdQuarter")}`, `${getLocale("OKR_MyO_Pop_4thQuarter")}`];
   let cycleDate = "";
-  const annualNum = selected.annualNum == "-1" ? `${getLocale("OKR_MyO_Butt_Allyears")}` : `${selected.annualNum}${isEn ? "" : "年"}`;
+  const annualNum = Number(`${selected.annualNum}`) === -1 ? `${getLocale("OKR_MyO_Butt_Allyears")}` : `${selected.annualNum}${isEn ? "" : "年"}`;
   const month = getMonth();
   switch (`${selected.cycleType}`) {
     case "-1":
@@ -73,7 +73,7 @@ export const formatPeriod = (selected: SelectedInterface) => {
       }`;
       break;
     case "5":
-      cycleDate = selected.yqmNum == "1" ? `${getLocale("OKR_MyO_Pop_Firsthalf")}` : `${getLocale("OKR_MyO_Pop_Secondhalf")}`;
+      cycleDate = Number(`${selected.yqmNum}`) === 1 ? `${getLocale("OKR_MyO_Pop_Firsthalf")}` : `${getLocale("OKR_MyO_Pop_Secondhalf")}`;
       break;
     default:
       cycleDate = `${getLocale("Mod_Customization")}`;
@@ -88,9 +88,9 @@ export const computeYearIndex = (
 ) => {
   let newIndex;
   const currentYearIndex = yearsData.findIndex(
-    (item) => Number(item.title) == currentYear,
+    (item) => Number(item.title) === currentYear,
   );
-  if (computeType == "add") {
+  if (computeType === "add") {
     newIndex = currentYearIndex + 1;
   } else {
     newIndex = currentYearIndex - 1;
@@ -112,6 +112,12 @@ export const getDateRangeByCycle = (cycle: ICycle, startMonth: number = 1) => {
     };
   }
   switch (cycle.cycleType) {
+    case "-1": {
+      return {
+        startDate: "",
+        endDate: "",
+      };
+    }
     case "1": {
       const start = moment()
         .year(Number(cycle.annualNum))
@@ -159,7 +165,7 @@ export const getDateRangeByCycle = (cycle: ICycle, startMonth: number = 1) => {
         .year(Number(cycle.annualNum))
         .month(startMonth - 1)
         .date(1);
-      if (cycle.yqmNum == "2") start.add(6, "M");
+      if (cycle.yqmNum === "2") start.add(6, "M");
       return {
         startDate: start.format("YYYY/MM/DD"),
         endDate: start.add(5, "month").endOf("M").format("YYYY/MM/DD"),
@@ -210,8 +216,8 @@ export function getDefalutCycle(setting) {
     };
   } if (setting.isOpenBimonthly) {
     let month = new Date().getMonth() + 1;
-    if (setting.yearStartMonth % 2 == 1) {
-      month -= (month % 2 == 1 ? 0 : 1);
+    if (setting.yearStartMonth % 2 === 1) {
+      month -= (month % 2 === 1 ? 0 : 1);
     } else {
       month = month - (month % 2) || 12;
     }

package/src/pages/okr-map/export-modules/okr-map/header/index.scss

@@ -1,4 +1,5 @@
-$font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+$font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
+  sans-serif, PingFang SC, Microsoft YaHei;
 
 .titapage-okr-map {
   &__header {
@@ -6,7 +7,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
     background: #ffffff;
     box-shadow: 0px 0px 8px 0px #e9eef3;
     position: relative;
-    border-bottom: 1px solid #E9ECF0;
+    border-bottom: 1px solid #e9ecf0;
     &__folded {
       // top: -114px;
       height: 0;
@@ -65,7 +66,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
         vertical-align: middle;
       }
       &:hover {
-        color: #2879FF;
+        color: #2879ff;
         &:before {
           background-image: url('../../../images/trigger-hover.svg');
         }
@@ -103,11 +104,11 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
           }
         }
       }
-      &-showkr,&-level {
-
+      &-showkr,
+      &-level {
         padding: 5px 20px;
         &:hover {
-          background: #F7F8FA;
+          background: #f7f8fa;
         }
       }
       &--show-more {
@@ -119,21 +120,22 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
         height: 30px;
         line-height: 30px;
         cursor: pointer;
-        color: #3F4755;
+        color: #3f4755;
         font-family: $font-family;
         font-size: 12px;
         &:after {
           position: absolute;
           display: inline-block;
-          background: url('../../../images/line-down-arrow.svg') transparent no-repeat 50% 50%;
-          content: "";
+          background: url('../../../images/line-down-arrow.svg') transparent
+            no-repeat 50% 50%;
+          content: '';
           height: 6px;
           width: 10px;
           right: 0;
           top: calc(50% - 3px);
         }
       }
-      
+
       &-btns {
         position: absolute;
         vertical-align: middle;
@@ -145,22 +147,24 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
   }
   &__show-more-popup {
     padding: 11px 0;
-    background: #FFFFFF;
+    background: #ffffff;
     box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
-    border: 1px solid #E9ECF0;
+    border: 1px solid #e9ecf0;
     border-radius: 2px;
   }
 }
 .titapage-okr-map__dark {
   .titapage-okr-map__content-search {
     &:before {
-      background: url(../../../images/line-down-arrow-dark.svg) transparent no-repeat 50% 50%;
+      background: url(../../../images/line-down-arrow-dark.svg) transparent
+        no-repeat 50% 50%;
       background-size: 100%;
     }
   }
   .tui-select-selector {
     &:before {
-      background: url(../../../images/down-arrow-dark.svg) transparent no-repeat 50% 50%;
+      background: url(../../../images/down-arrow-dark.svg) transparent no-repeat
+        50% 50%;
       background-size: 100%;
     }
   }
@@ -212,7 +216,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
           border: none;
           color: #fff;
           &:hover {
-            background: #5c8EFF;
+            background: #5c8eff;
           }
         }
         .titaui-period-selector__down-arrow {
@@ -242,7 +246,7 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
           }
         }
         &:hover {
-          background-color: #515A69;
+          background-color: #515a69;
         }
       }
     }
@@ -261,14 +265,14 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
   top: 0;
   bottom: 0;
 }
-.titapage-okr-map--kr-dialog{
+.titapage-okr-map--kr-dialog {
   &--title {
     &:before {
       display: inline-block;
       content: 'i';
       width: 16px;
       height: 16px;
-      background-color: #FFBC00;
+      background-color: #ffbc00;
       color: #fff;
       text-align: center;
       line-height: 16px;
@@ -281,8 +285,9 @@ $font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-ser
   &--content {
     font-size: 14px;
     font-family: $font-family;
-    color: #6F7886;
+    color: #6f7886;
     line-height: 20px;
     padding: 0 32px;
+    display: block;
   }
 }