github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-12 15:52:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: add disabled color

Browse Source
This commit is contained in:
Fine 2023-06-28 15:14:42 +08:00
parent e1f1d0d21f
commit 2e26ed922c
22 changed files with 32 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/DateCalendar.vue
View File

@ -539,7 +539,7 @@ limitations under the License. -->
}
.calendar-date-out {
color: #ccc;
color: $disabled-color;
}
.calendar-date:hover,
@ -558,7 +558,7 @@ limitations under the License. -->
.calendar-date-disabled {
cursor: not-allowed !important;
color: #ccc !important;
color: $disabled-color !important;
background: $theme-background !important;
}

3
src/components/TimePicker.vue
View File

@ -356,7 +356,7 @@ limitations under the License. -->
text-align: center;
color: $text-color;
border-radius: 50%;
background: #ccc
background: $disabled-color
url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDciIHdpZHRoPSI3IiBoZWlnaHQ9IjciPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01LjU4LDVsMi44LTIuODFBLjQxLjQxLDAsMSwwLDcuOCwxLjZMNSw0LjQxLDIuMiwxLjZhLjQxLjQxLDAsMCwwLS41OC41OGgwTDQuNDIsNSwxLjYyLDcuOGEuNDEuNDEsMCwwLDAsLjU4LjU4TDUsNS41OCw3LjgsOC4zOWEuNDEuNDEsMCwwLDAsLjU4LS41OGgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuNSAtMS40OCkiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4NCg==")
no-repeat 50% 50%;
}
@ -400,7 +400,6 @@ limitations under the License. -->
background-color: #ebebe4;
border-color: #e5e5e5;
box-shadow: none;
box-shadow: none;
}
.datepicker-popup {

4
src/styles/lib.scss
View File

@ -189,12 +189,12 @@
.scroll_bar_style::-webkit-scrollbar-track {
background-color: #eee;
border-radius: 3px;
box-shadow: inset 0 0 6px #ccc;
box-shadow: inset 0 0 6px $disabled-color;
}
.scroll_bar_style::-webkit-scrollbar-thumb {
border-radius: 3px;
box-shadow: inset 0 0 6px #ccc;
box-shadow: inset 0 0 6px $disabled-color;
background-color: #aaa;
}

3
src/styles/light.scss
View File

@ -17,8 +17,7 @@
$font-color: #3d444f;
$text-color: #fff;
$font-color-black: #000;
$font-color-grey: #ccc;
$disabled-color: #ccc;
$active-color: #409eff;
$theme-background: #fff;
$active-background: #409eff;

20
src/styles/variables.scss
View File

@ -1,20 +0,0 @@
/**
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
$font-color: #3d444f;
$active-color: #409eff;
$theme-background: #fff;

2
src/views/Settings.vue
View File

@ -169,7 +169,7 @@ limitations under the License. -->
outline: 0;
width: 50px;
border-radius: 3px;
border: 1px solid #ccc;
border: 1px solid $disabled-color;
text-align: center;
height: 25px;
}

2
src/views/components/ConditionTags.vue
View File

@ -262,7 +262,7 @@ limitations under the License. -->
color: $font-color;
input {
border: 1px solid #ccc;
border: 1px solid $disabled-color;
}
.selected {

2
src/views/components/style.scss
View File

@ -90,7 +90,7 @@
line-height: 20px;
text-align: center;
display: inline-block;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid $disabled-color;
overflow: hidden;
}
}

4
src/views/dashboard/configuration/widget/metric/Index.vue
View File

@ -611,14 +611,14 @@ limitations under the License. -->
span {
display: inline-block;
padding: 2px 10px;
border: 1px solid #ccc;
border: 1px solid $disabled-color;
background-color: $theme-background;
border-right: 0;
cursor: pointer;
}
span:nth-last-child(1) {
border-right: 1px solid #ccc;
border-right: 1px solid $disabled-color;
}
}

2
src/views/dashboard/controls/Tab.vue
View File

@ -282,7 +282,7 @@ limitations under the License. -->
<style lang="scss" scoped>
.tabs {
height: 40px;
color: #ccc;
color: $disabled-color;
width: 100%;
overflow-x: auto;
white-space: nowrap;

10
src/views/dashboard/graphs/Table.vue
View File

@ -76,14 +76,14 @@ limitations under the License. -->
}
.row {
border-left: 1px solid #ccc;
border-left: 1px solid $disabled-color;
height: 20px;
width: 100%;
div {
overflow: hidden;
text-overflow: ellipsis;
border-right: 1px solid #ccc;
border-right: 1px solid $disabled-color;
text-align: center;
height: 20px;
line-height: 20px;
@ -91,11 +91,11 @@ limitations under the License. -->
}
div:last-child {
border-bottom: 1px solid #ccc;
border-bottom: 1px solid $disabled-color;
}
div:nth-last-child(2) {
border-bottom: 1px solid #ccc;
border-bottom: 1px solid $disabled-color;
}
}
@ -105,7 +105,7 @@ limitations under the License. -->
.row:first-child {
div {
border-top: 1px solid #ccc;
border-top: 1px solid $disabled-color;
background: #eee;
}
}

2
src/views/dashboard/panel/Tool.vue
View File

@ -768,7 +768,7 @@ limitations under the License. -->
display: inline-block;
padding: 3px;
text-align: center;
border: 1px solid #ccc;
border: 1px solid $disabled-color;
border-radius: 3px;
margin-left: 6px;
cursor: pointer;

2
src/views/dashboard/related/demand-log/Header.vue
View File

@ -353,7 +353,7 @@ limitations under the License. -->
width: 30%;
border-style: unset;
outline: 0;
border: 1px solid #ccc;
border: 1px solid $disabled-color;
height: 30px;
padding: 0 5px;
}

2
src/views/dashboard/related/ebpf/Content.vue
View File

@ -52,7 +52,7 @@ limitations under the License. -->
.schedules {
height: 90px;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid $disabled-color;
padding-right: 10px;
}
</style>

2
src/views/dashboard/related/log/Header.vue
View File

@ -397,7 +397,7 @@ limitations under the License. -->
width: 30%;
border-style: unset;
outline: 0;
border: 1px solid #ccc;
border: 1px solid $disabled-color;
height: 30px;
padding: 0 5px;
}

2
src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
View File

@ -523,7 +523,7 @@ limitations under the License. -->
.switch-icon-edit {
cursor: pointer;
transition: all 0.5ms linear;
border: 1px solid #ccc;
border: 1px solid $disabled-color;
color: #666;
display: inline-block;
padding: 5px;

2
src/views/dashboard/related/network-profiling/components/TimeLine.vue
View File

@ -141,7 +141,7 @@ limitations under the License. -->
.switch-icon-edit {
cursor: pointer;
transition: all 0.5ms linear;
border: 1px solid #ccc;
border: 1px solid $disabled-color;
color: #666;
display: inline-block;
padding: 5px;

6
src/views/dashboard/related/profile/components/Stack/Container.vue
View File

@ -75,7 +75,7 @@ limitations under the License. -->
}
</script>
<style lang="scss" scoped>
@import "./profile.scss";
@import url("./profile.scss");
.dragger {
float: right;
@ -87,7 +87,7 @@ limitations under the License. -->
.profile-set-btn {
font-size: 12px;
border: 1px solid #ccc;
border: 1px solid $disabled-color;
border-radius: 3px;
text-align: center;
width: 57px;
@ -107,7 +107,7 @@ limitations under the License. -->
user-select: none;
border-left: 0;
border-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.profile-header div {

2
src/views/dashboard/related/task-timeline/components/ProfilingPanel.vue
View File

@ -77,7 +77,7 @@ limitations under the License. -->
.schedules {
height: 90px;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid $disabled-color;
padding-right: 10px;
}
</style>

4
src/views/dashboard/related/topology/components/Graph.vue
View File

@ -666,8 +666,8 @@ limitations under the License. -->
overflow: auto;
padding: 0 15px;
border-radius: 3px;
color: #ccc;
border: 1px solid #ccc;
color: $disabled-color;
border: 1px solid $disabled-color;
background-color: $theme-background;
box-shadow: #eee 1px 2px 10px;
transition: all 0.5ms linear;

4
src/views/dashboard/related/topology/components/PodTopology.vue
View File

@ -279,7 +279,7 @@ limitations under the License. -->
overflow: auto;
padding: 10px 15px;
border-radius: 3px;
color: #ccc;
color: $disabled-color;
transition: all 0.5ms linear;
z-index: 99;
text-align: left;
@ -306,7 +306,7 @@ limitations under the License. -->
}
.label {
color: #ccc;
color: $disabled-color;
display: inline-block;
margin-right: 5px;
}

2
src/views/dashboard/related/trace/components/Table/TableItem.vue
View File

@ -284,7 +284,7 @@ limitations under the License. -->
width: 100px;
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
border: 1px solid $disabled-color;
background-color: #333;
color: $text-color;
text-align: center;