askbot-dragon 1.7.49-beta → 1.7.52-beta

package/src/assets/less/converSationContainer/common.less

@@ -1,193 +1,200 @@
-@system_bgc_red: #409EFF;
-@system_bgc_black: #333333;
-@system_bgc_white: white;
-
-@system_fontcolor_red: #409EFF;
-@system_fontcolor_main: #303133;
-@system_fontcolor_general: #606266;
-@system_fontcolor_sub: #909399;
-@system_fontcolor_placeholder: #C0C4CC;
-@system_fontcolor_danger: #F56C6C;
-
-@system_bordercolor_red: #409EFF;
-@system_bordercolor_1: #DCDFE6;
-@system_bordercolor_2: #E4E7ED;
-@system_bordercolor_3: #EBEEF5;
-@system_bordercolor_4: #F2F6FC;
-@system_bordercolor_danger:#F56C6C;
-
-@entity-name-color: #409EFF;
-@system_com_width : calc(100vw - 126px);
-
-// 分页位置
-.pagination-position {
-    text-align: center;
-    padding: 32px;
-}
-
-// 滚动条样式
-::-webkit-scrollbar {
-    width: 6px;
-    height: 10px;
-    background-color:@system_bordercolor_4;
-}
-::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    background-color: #bfceec !important;
-}
-
-// 弹窗body
-.el-dialog__body{
-    padding: 16px !important;
-}
-
-// input placeholder 字体样式规范
-input::-webkit-input-placeholder {
-    color: #ccc !important;
-    font-family: "微软雅黑";
-}
-input::-moz-input-placeholder {
-    color: #ccc !important;
-    font-family: "微软雅黑";
-}
-input::-ms-input-placeholder {
-    color: #ccc !important;
-    font-family: "微软雅黑";
-}
-input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-    background-color: rgb(250, 255, 189);
-    background-image: none;
-    color: rgb(0, 0, 0);
-}
-
-textarea::-webkit-input-placeholder {
-    color: #ccc !important;
-    font-size: 14px;
-    font-family: "微软雅黑";
-}
-textarea::-moz-input-placeholder {
-    color: #ccc !important;
-    font-size: 14px;
-    font-family: "微软雅黑";
-}
-textarea::-ms-input-placeholder {
-    color: #ccc !important;
-    font-size: 14px;
-    font-family: "微软雅黑";
-}
-
-textarea {
-   /* color: @system_fontcolor_general !important;
-    font-size: 14px;*/
-    font-family: "微软雅黑";
-}
-
-h1,h2,h3,h4,h5,h6 {
-    color: @system_fontcolor_general;
-    text-align: left;
-}
-
-// 内容头部
-.content-header{
-    padding: 8px 16px;
-    background:#f5f8fb;
-    box-shadow: 0px 2px 10px -5px #d1dfec;
-    border-bottom: 1px solid #d1dfec;
-    .leftInfo {
-        flex: auto;
-        height: 38px;
-        line-height: 38px;
-        display: flex;
-        justify-content: flex-start;
-        .headerName {
-            font-size: 16px;
-            color: @system_fontcolor_main;
-            margin-left: 16px;
-        }
-        .gotoPage {
-            flex: none;
-            width: 120px;
-            font-size: 12px;
-            color: @system_fontcolor_sub;
-            text-align: left;
-        }
-        .header-r-box{
-            width: 280px;
-            flex: auto;
-            text-align: right;
-        }
-    }
-}
-
-// 左侧二级导航
-#left-sub-nav{
-    .el-tabs__nav{
-        width: 150px;
-        border: none;
-        .el-tabs__item{
-            text-align: center !important;
-            height: 48px;
-            line-height: 48px;
-            border: none;
-        }
-    }
-    .el-tabs__nav-scroll{
-        background-color: @system_bgc_white;
-        height: calc(~"100vh - 60px");
-    }
-}
-
-// 简洁类名
-.tar{
-    text-align: right;
-}
-.tac{
-    text-align: center;
-}
-.tal{
-    text-align: left;
-}
-
-.handle-icon{
-    display: inline-block;
-    margin-right: 8px;
-    color: @system_fontcolor_red;
-    cursor: pointer;
-}
-//弹出抽屉Header样式
-.el-drawer__header{
-  font-size: 18px !important;
-  color: #303133;
-}
-
-.el-form-item__label{
-  text-align: left !important;
-}
-
-/*.association-intention{
-  max-width: @system_com_width;
-}
-.action-satisfaction{
-  max-width: @system_com_width;
-}
-.media-body-loading{
-  max-width: @system_com_width;
-}
-.bot-action-satisfator{
-    max-width: @system_com_width;
-}
-.answer-dissatisfaction{
-    max-width: @system_com_width;
-}
-#answer-radio{
-    max-width: @system_com_width;
-}
-.action-send-to-bot{
-    max-width: @system_com_width;
-}*/
-// .el-drawer:focus {
-//     border: solid 5px rgba(0,0,0,1) !important;
-// }
-// .el-drawer__body:focus{
-//     border: solid 5px rgba(0,0,0,1) !important;
+@system_bgc_red: #409EFF;
+@system_bgc_black: #333333;
+@system_bgc_white: white;
+
+@system_fontcolor_red: #409EFF;
+@system_fontcolor_main: #303133;
+@system_fontcolor_general: #606266;
+@system_fontcolor_sub: #909399;
+@system_fontcolor_placeholder: #C0C4CC;
+@system_fontcolor_danger: #F56C6C;
+
+@system_bordercolor_red: #409EFF;
+@system_bordercolor_1: #DCDFE6;
+@system_bordercolor_2: #E4E7ED;
+@system_bordercolor_3: #EBEEF5;
+@system_bordercolor_4: #F2F6FC;
+@system_bordercolor_danger:#F56C6C;
+
+@entity-name-color: #409EFF;
+@system_com_width : calc(100vw - 126px);
+
+// 分页位置
+.pagination-position {
+    text-align: center;
+    padding: 32px;
+}
+
+// 滚动条样式
+::-webkit-scrollbar {
+    width: 6px;
+    height: 10px;
+    background-color:@system_bordercolor_4;
+}
+::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    background-color: #bfceec !important;
+}
+@media screen and (max-width: 767px){
+    ::-webkit-scrollbar {
+        width: 0;
+        height: 0;
+        background-color:@system_bordercolor_4;
+    }
+}
+
+// 弹窗body
+.el-dialog__body{
+    padding: 16px !important;
+}
+
+// input placeholder 字体样式规范
+input::-webkit-input-placeholder {
+    color: #ccc !important;
+    font-family: "微软雅黑";
+}
+input::-moz-input-placeholder {
+    color: #ccc !important;
+    font-family: "微软雅黑";
+}
+input::-ms-input-placeholder {
+    color: #ccc !important;
+    font-family: "微软雅黑";
+}
+input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
+    background-color: rgb(250, 255, 189);
+    background-image: none;
+    color: rgb(0, 0, 0);
+}
+
+textarea::-webkit-input-placeholder {
+    color: #ccc !important;
+    font-size: 14px;
+    font-family: "微软雅黑";
+}
+textarea::-moz-input-placeholder {
+    color: #ccc !important;
+    font-size: 14px;
+    font-family: "微软雅黑";
+}
+textarea::-ms-input-placeholder {
+    color: #ccc !important;
+    font-size: 14px;
+    font-family: "微软雅黑";
+}
+
+textarea {
+   /* color: @system_fontcolor_general !important;
+    font-size: 14px;*/
+    font-family: "微软雅黑";
+}
+
+h1,h2,h3,h4,h5,h6 {
+    color: @system_fontcolor_general;
+    text-align: left;
+}
+
+// 内容头部
+.content-header{
+    padding: 8px 16px;
+    background:#f5f8fb;
+    box-shadow: 0px 2px 10px -5px #d1dfec;
+    border-bottom: 1px solid #d1dfec;
+    .leftInfo {
+        flex: auto;
+        height: 38px;
+        line-height: 38px;
+        display: flex;
+        justify-content: flex-start;
+        .headerName {
+            font-size: 16px;
+            color: @system_fontcolor_main;
+            margin-left: 16px;
+        }
+        .gotoPage {
+            flex: none;
+            width: 120px;
+            font-size: 12px;
+            color: @system_fontcolor_sub;
+            text-align: left;
+        }
+        .header-r-box{
+            width: 280px;
+            flex: auto;
+            text-align: right;
+        }
+    }
+}
+
+// 左侧二级导航
+#left-sub-nav{
+    .el-tabs__nav{
+        width: 150px;
+        border: none;
+        .el-tabs__item{
+            text-align: center !important;
+            height: 48px;
+            line-height: 48px;
+            border: none;
+        }
+    }
+    .el-tabs__nav-scroll{
+        background-color: @system_bgc_white;
+        height: calc(~"100vh - 60px");
+    }
+}
+
+// 简洁类名
+.tar{
+    text-align: right;
+}
+.tac{
+    text-align: center;
+}
+.tal{
+    text-align: left;
+}
+
+.handle-icon{
+    display: inline-block;
+    margin-right: 8px;
+    color: @system_fontcolor_red;
+    cursor: pointer;
+}
+//弹出抽屉Header样式
+.el-drawer__header{
+  font-size: 18px !important;
+  color: #303133;
+}
+
+.el-form-item__label{
+  text-align: left !important;
+}
+
+/*.association-intention{
+  max-width: @system_com_width;
+}
+.action-satisfaction{
+  max-width: @system_com_width;
+}
+.media-body-loading{
+  max-width: @system_com_width;
+}
+.bot-action-satisfator{
+    max-width: @system_com_width;
+}
+.answer-dissatisfaction{
+    max-width: @system_com_width;
+}
+#answer-radio{
+    max-width: @system_com_width;
+}
+.action-send-to-bot{
+    max-width: @system_com_width;
+}*/
+// .el-drawer:focus {
+//     border: solid 5px rgba(0,0,0,1) !important;
+// }
+// .el-drawer__body:focus{
+//     border: solid 5px rgba(0,0,0,1) !important;
 // }