Files
supersonic/webapp/packages/supersonic-fe/src/global.less
tristanliu 27ebda3439 [improvement][semantic-fe] Adding the ability to edit relationships between models in the canvas. (#431)
* [improvement][semantic-fe] Add model alias setting & Add view permission restrictions to the model permission management tab.
[improvement][semantic-fe] Add permission control to the action buttons for the main domain; apply high sensitivity filtering to the authorization of metrics/dimensions.
[improvement][semantic-fe] Optimize the editing mode in the dimension/metric/datasource components to use the modelId stored in the database for data, instead of relying on the data from the state manager.

* [improvement][semantic-fe] Add time granularity setting in the data source configuration.

* [improvement][semantic-fe] Dictionary import for dimension values supported in Q&A visibility

* [improvement][semantic-fe] Modification of data source creation prompt wording"

* [improvement][semantic-fe] metric market experience optimization

* [improvement][semantic-fe] enhance the analysis of metric trends

* [improvement][semantic-fe] optimize the presentation of metric trend permissions

* [improvement][semantic-fe] add metric trend download functionality

* [improvement][semantic-fe] fix the dimension initialization issue in metric correlation

* [improvement][semantic-fe] Fix the issue of database changes not taking effect when creating based on an SQL data source.

* [improvement][semantic-fe] Optimizing pagination logic and some CSS styles

* [improvement][semantic-fe] Fixing the API for the indicator list by changing "current" to "pageNum"

* [improvement][semantic-fe] Fixing the default value setting for the indicator list

* [improvement][semantic-fe] Adding batch operations for indicators/dimensions/models

* [improvement][semantic-fe] Replacing the single status update API for indicators/dimensions with a batch update API

* [improvement][semantic-fe] Redesigning the indicator homepage to incorporate trend charts and table functionality for indicators

* [improvement][semantic-fe] Optimizing the logic for setting dimension values and editing data sources, and adding system settings functionality

* [improvement][semantic-fe] Upgrading antd version to 5.x, extracting the batch operation button component, optimizing the interaction for system settings, and expanding the configuration generation types for list-to-select component.

* [improvement][semantic-fe] Adding the ability to filter dimensions based on whether they are tags or not.

* [improvement][semantic-fe] Adding the ability to edit relationships between models in the canvas.
2023-11-27 21:26:55 +08:00

260 lines
4.1 KiB
Plaintext

:root:root {
--primary-color: #f87653;
--blue: #296df3;
--deep-blue: #446dff;
--chat-blue: #1b4aef;
--body-background: #f7fafa;
--deep-background: #f0f0f0;
--light-background: #f5f5f5;
--component-background: #fff;
--header-color: #edf2f2;
--text-color: #181a1a;
--text-color-secondary: #3d4242;
--text-color-third: #626a6a;
--text-color-fourth: #889191;
--text-color-fifth: #afb6b6;
--text-color-six: #a3a4a6;
--text-color-fifth-4: hsla(180, 5%, 70%, 0.4);
--tooltip-max-width: 350px;
--success-color: #52c41a;
--processing-color: #ff2442;
--error-color: #ff4d4f;
--highlight-color: #ff4d4f;
}
html,
body,
#root {
height: 100%;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Microsoft YaHei,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-webkit-font-smoothing:antialiased;
margin: 0;
}
.colorWeak {
filter: invert(80%);
}
.ant-layout {
min-height: 100vh;
}
canvas {
display: block;
}
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
ul,
ol {
list-style: none;
}
@media (max-width: 480px) {
.ant-table {
width: 100%;
overflow-x: auto;
&-thead>tr,
&-tbody>tr {
>th,
>td {
white-space: pre;
>span {
display: block;
}
}
}
}
}
// 兼容IE11
@media screen and(-ms-high-contrast: active),
(-ms-high-contrast: none) {
body .ant-design-pro>.ant-layout {
min-height: 100vh;
}
}
.ant-card-body {
padding: 24px !important;
}
.ant-modal-body {
padding: 24px;
}
.ant-pro-page-container-children-content {
margin: 12px 12px 0 !important;
}
.ant-page-header {
padding-bottom: 10px !important;
}
.ant-spin-spinning {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.ant-table-selection-extra {
.ant-dropdown-trigger {
display: none !important;
}
}
.initialLoading {
.ant-spin-spinning {
max-height: none !important;
}
.loadingPlaceholder {
height: 100vh;
}
}
.ant-pro-layout .ant-pro-layout-content {
padding: 0;
background-color: #f0f2f5;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
}
.ant-pro-top-nav-header-menu {
padding: 0!important;
line-height: unset!important;
}
.ant-menu-root>.ant-menu-item,
.ant-menu-root>.ant-menu-submenu {
font-weight: bold;
font-size: 14px;
&>span>a,
&>a {
color: white;
&:hover {
color: white;
}
}
&:hover {
background-color: #296DF3!important;
}
}
.ant-menu-root>.ant-menu-item.ant-menu-item-selected {
background-color: #296DF3!important;
color: white;
}
.ant-pro-top-nav-header-logo h1 {
font-size: 18px;
}
.ant-layout-header {
background: linear-gradient(to right, #153d8f, #0a276d) !important;
background-color: rgba(0, 0, 0, 0.2) !important;
backdrop-filter: blur(10px) !important;
}
// .ant-menu-submenu-selected {
// background-color: #296DF3 !important;
// }
// .ant-menu-item:active {
// background: inherit
// }
.ant-pro-top-nav-header-main-left {
min-width: 100px !important;
}
.ant-pro-top-nav-header-logo {
min-width: 100px !important;
}
// .link {
// color: #296df3;
// cursor: pointer;
// }
// .dot {
// float: right;
// width: 8px;
// height: 8px;
// background: #bfbfbf;
// border-radius: 100%;
// }
.logo {
position: relative;
color: #fff;
font-size: 20px;
font-weight: 700;
padding-right: 50px;
}
// .ant-notification-topRight {
// right: 240px !important;
// }
.g6ContextMenuContainer {
font-size: 12px;
color: #545454;
min-width: 100px;
h3 {
padding-bottom: 5px;
margin: 0;
border-bottom: 1px solid #4E86F5;
}
li {
cursor: pointer;
list-style-type:none;
line-height: 25px;
margin-left: 0;
&:hover {
color: #4E86F5;
}
}
ul {
width: 100%;
padding: 0;
margin: 0;
}
.ant-tag {
transition: none;
}
}
.semantic-graph-toolbar {
position: absolute;
width: 190px;
height: 72px;
}
.g6-component-tooltip {
p {
line-height: 25px;
}
}