wangchunlin
/
cvat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Stylelint SCSS linter (#1766)

Browse Source 
* Added stylelint fixed stylelint issues

* Added CHANGELOG.md
main
Dmitry Kalinin 6 years ago committed by GitHub
parent 2b55700ba2
commit fefcb51331
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
19 changed files with 152 additions and 112 deletions
Show Stats Download Patch File Download Diff File

16
.stylelintrc.json
Unescape Escape View File

@ -0,0 +1,16 @@
{
"extends": "stylelint-config-standard",
"rules": {
"indentation": 4,
"value-keyword-case": null,
"selector-combinator-space-after": null,
"no-descending-specificity": null,
"at-rule-no-unknown": [true, {
"ignoreAtRules": ["extend"]
}],
"selector-type-no-unknown": [true, {
"ignoreTypes": ["first-child"]
}]
}
}

3
CHANGELOG.md
Unescape Escape View File

@ -15,9 +15,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Built-in search for labels when create an object or change a label (<https://github.com/opencv/cvat/pull/1683>) - Built-in search for labels when create an object or change a label (<https://github.com/opencv/cvat/pull/1683>)
- Better validation of labels and attributes in raw viewer (<https://github.com/opencv/cvat/pull/1727>) - Better validation of labels and attributes in raw viewer (<https://github.com/opencv/cvat/pull/1727>)
- ClamAV antivirus integration (<https://github.com/opencv/cvat/pull/1712>) - ClamAV antivirus integration (<https://github.com/opencv/cvat/pull/1712>)
- SCSS files linting with Stylelint tool (<https://github.com/opencv/cvat/pull/1766>)
- Supported import and export or single boxes in MOT format (https://github.com/opencv/cvat/pull/1764) - Supported import and export or single boxes in MOT format (https://github.com/opencv/cvat/pull/1764)
- [Datumaro] Added `stats` command, which shows some dataset statistics like image mean and std (https://github.com/opencv/cvat/pull/1734) - [Datumaro] Added `stats` command, which shows some dataset statistics like image mean and std (https://github.com/opencv/cvat/pull/1734)
- Add option to upload annotations upon task creation on CLI - Add option to upload annotations upon task creation on CLI
- Polygon and polylines interpolation (<https://github.com/opencv/cvat/pull/1571>) - Polygon and polylines interpolation (<https://github.com/opencv/cvat/pull/1571>)
- Ability to redraw shape from scratch (Shift + N) for an activated shape (<https://github.com/opencv/cvat/pull/1571>) - Ability to redraw shape from scratch (Shift + N) for an activated shape (<https://github.com/opencv/cvat/pull/1571>)
- Highlights for the first point of a polygon/polyline and direction (<https://github.com/opencv/cvat/pull/1571>) - Highlights for the first point of a polygon/polyline and direction (<https://github.com/opencv/cvat/pull/1571>)

1
CONTRIBUTING.md
Unescape Escape View File

@ -74,6 +74,7 @@ for development
- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) - [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
- [Python](https://marketplace.visualstudio.com/items?itemName=ms-python.python) - [Python](https://marketplace.visualstudio.com/items?itemName=ms-python.python)
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)
- [vscode-remark-lint](https://marketplace.visualstudio.com/items?itemName=drewbourne.vscode-remark-lint) - [vscode-remark-lint](https://marketplace.visualstudio.com/items?itemName=drewbourne.vscode-remark-lint)
- [licenser](https://marketplace.visualstudio.com/items?itemName=ymotongpoo.licenser) - [licenser](https://marketplace.visualstudio.com/items?itemName=ymotongpoo.licenser)
- [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces) - [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces)

48
cvat-canvas/src/scss/canvas.scss
Unescape Escape View File

@ -42,7 +42,7 @@ polyline.cvat_shape_drawing_opacity {
fill: white; fill: white;
cursor: default; cursor: default;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
text-shadow: 0px 0px 4px black; text-shadow: 0 0 4px black;
user-select: none; user-select: none;
pointer-events: none; pointer-events: none;
} }
@ -54,47 +54,55 @@ polyline.cvat_shape_drawing_opacity {
.cvat_canvas_shape_grouping { .cvat_canvas_shape_grouping {
@extend .cvat_shape_action_dasharray; @extend .cvat_shape_action_dasharray;
@extend .cvat_shape_action_opacity; @extend .cvat_shape_action_opacity;
fill: darkmagenta; fill: darkmagenta;
} }
polyline.cvat_canvas_shape_grouping { polyline.cvat_canvas_shape_grouping {
@extend .cvat_shape_action_dasharray; @extend .cvat_shape_action_dasharray;
@extend .cvat_shape_action_opacity; @extend .cvat_shape_action_opacity;
stroke: darkmagenta; stroke: darkmagenta;
} }
.cvat_canvas_shape_merging { .cvat_canvas_shape_merging {
@extend .cvat_shape_action_dasharray; @extend .cvat_shape_action_dasharray;
@extend .cvat_shape_action_opacity; @extend .cvat_shape_action_opacity;
fill: blue; fill: blue;
} }
polyline.cvat_canvas_shape_merging { polyline.cvat_canvas_shape_merging {
@extend .cvat_shape_action_dasharray; @extend .cvat_shape_action_dasharray;
@extend .cvat_shape_action_opacity; @extend .cvat_shape_action_opacity;
stroke: blue; stroke: blue;
} }
polyline.cvat_canvas_shape_splitting { polyline.cvat_canvas_shape_splitting {
@extend .cvat_shape_action_dasharray; @extend .cvat_shape_action_dasharray;
@extend .cvat_shape_action_opacity; @extend .cvat_shape_action_opacity;
stroke: dodgerblue; stroke: dodgerblue;
} }
.cvat_canvas_shape_splitting { .cvat_canvas_shape_splitting {
@extend .cvat_shape_action_dasharray; @extend .cvat_shape_action_dasharray;
@extend .cvat_shape_action_opacity; @extend .cvat_shape_action_opacity;
fill: dodgerblue; fill: dodgerblue;
} }
.cvat_canvas_shape_drawing { .cvat_canvas_shape_drawing {
@extend .cvat_shape_drawing_opacity; @extend .cvat_shape_drawing_opacity;
fill: white; fill: white;
stroke: black; stroke: black;
} }
.cvat_canvas_zoom_selection { .cvat_canvas_zoom_selection {
@extend .cvat_shape_action_dasharray; @extend .cvat_shape_action_dasharray;
stroke: #096dd9; stroke: #096dd9;
fill-opacity: 0; fill-opacity: 0;
} }
@ -103,7 +111,8 @@ polyline.cvat_canvas_shape_splitting {
stroke-dasharray: 5; stroke-dasharray: 5;
} }
.cvat_canvas_shape .svg_select_points, .cvat_canvas_shape .cvat_canvas_cuboid_projections { .cvat_canvas_shape .svg_select_points,
.cvat_canvas_shape .cvat_canvas_cuboid_projections {
stroke-dasharray: none; stroke-dasharray: none;
} }
@ -130,20 +139,24 @@ polyline.cvat_canvas_shape_splitting {
pointer-events: none; pointer-events: none;
} }
.svg_select_points_lb:hover, .svg_select_points_rt:hover { .svg_select_points_lb:hover,
.svg_select_points_rt:hover {
cursor: nesw-resize; cursor: nesw-resize;
} }
.svg_select_points_lt:hover, .svg_select_points_rb:hover { .svg_select_points_lt:hover,
.svg_select_points_rb:hover {
cursor: nwse-resize; cursor: nwse-resize;
} }
.svg_select_points_l:hover, .svg_select_points_r:hover, .svg_select_points_l:hover,
.svg_select_points_r:hover,
.svg_select_points_ew:hover { .svg_select_points_ew:hover {
cursor: ew-resize; cursor: ew-resize;
} }
.svg_select_points_t:hover, .svg_select_points_b:hover { .svg_select_points_t:hover,
.svg_select_points_b:hover {
cursor: ns-resize; cursor: ns-resize;
} }
@ -202,7 +215,6 @@ polyline.cvat_canvas_shape_splitting {
pointer-events: none; pointer-events: none;
width: 100%; width: 100%;
height: 100%; height: 100%;
pointer-events: none;
} }
#cvat_canvas_background { #cvat_canvas_background {
@ -211,7 +223,7 @@ polyline.cvat_canvas_shape_splitting {
background-repeat: no-repeat; background-repeat: no-repeat;
width: 100%; width: 100%;
height: 100%; height: 100%;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
} }
#cvat_canvas_bitmap { #cvat_canvas_bitmap {
@ -221,7 +233,7 @@ polyline.cvat_canvas_shape_splitting {
background: black; background: black;
width: 100%; width: 100%;
height: 100%; height: 100%;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
} }
#cvat_canvas_grid { #cvat_canvas_grid {
@ -230,7 +242,6 @@ polyline.cvat_canvas_shape_splitting {
pointer-events: none; pointer-events: none;
width: 100%; width: 100%;
height: 100%; height: 100%;
pointer-events: none;
} }
#cvat_canvas_grid_pattern { #cvat_canvas_grid_pattern {
@ -248,7 +259,18 @@ polyline.cvat_canvas_shape_splitting {
} }
@keyframes loadingAnimation { @keyframes loadingAnimation {
0% {stroke-dashoffset: 1; stroke: #09c;} 0% {
50% {stroke-dashoffset: 100; stroke: #f44;} stroke-dashoffset: 1;
100% {stroke-dashoffset: 300; stroke: #09c;} stroke: #09c;
}
50% {
stroke-dashoffset: 100;
stroke: #f44;
}
100% {
stroke-dashoffset: 300;
stroke: #09c;
}
} }

26
cvat-ui/src/base.scss
Unescape Escape View File

@ -2,26 +2,26 @@
// //
// SPDX-License-Identifier: MIT // SPDX-License-Identifier: MIT
$header-color: #D8D8D8; $header-color: #d8d8d8;
$text-color: #303030; $text-color: #303030;
$hover-menu-color: rgba(24,144,255,0.05); $hover-menu-color: rgba(24, 144, 255, 0.05);
$completed-progress-color: #61C200; $completed-progress-color: #61c200;
$inprogress-progress-color: #1890FF; $inprogress-progress-color: #1890ff;
$pending-progress-color: #C1C1C1; $pending-progress-color: #c1c1c1;
$border-color-1: #c3c3c3; $border-color-1: #c3c3c3;
$border-color-2: #d9d9d9; $border-color-2: #d9d9d9;
$border-color-3: #242424; $border-color-3: #242424;
$border-color-hover: #40a9ff; $border-color-hover: #40a9ff;
$background-color-1: white; $background-color-1: white;
$background-color-2: #F1F1F1; $background-color-2: #f1f1f1;
$transparent-color: rgba(0, 0, 0, 0); $transparent-color: rgba(0, 0, 0, 0);
$player-slider-color: #979797; $player-slider-color: #979797;
$player-buttons-color: #242424; $player-buttons-color: #242424;
$danger-icon-color: #FF4136; $danger-icon-color: #ff4136;
$info-icon-color: #0074D9; $info-icon-color: #0074d9;
$objects-bar-tabs-color: #BEBEBE; $objects-bar-tabs-color: #bebebe;
$objects-bar-icons-color: #242424; // #6E6E6E $objects-bar-icons-color: #242424; // #6e6e6e
$active-object-item-background-color: #D8ECFF; $active-object-item-background-color: #d8ecff;
$slider-color: #1890FF; $slider-color: #1890ff;
$monospaced-fonts-stack: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; $monospaced-fonts-stack: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;

10
cvat-ui/src/components/actions-menu/styles.scss
Unescape Escape View File

@ -5,14 +5,14 @@
@import '../../base.scss'; @import '../../base.scss';
.ant-menu.cvat-actions-menu { .ant-menu.cvat-actions-menu {
box-shadow: 0 0 17px rgba(0,0,0,0.2); box-shadow: 0 0 17px rgba(0, 0, 0, 0.2);
> li:hover { > li:hover {
background-color: $hover-menu-color; background-color: $hover-menu-color;
} }
.ant-menu-submenu-title { .ant-menu-submenu-title {
margin: 0px; margin: 0;
width: 13em; width: 13em;
} }
} }
@ -30,10 +30,10 @@
} }
.ant-menu-item.cvat-menu-load-submenu-item { .ant-menu-item.cvat-menu-load-submenu-item {
margin: 0px; margin: 0;
padding: 0px; padding: 0;
> span > .ant-upload { > span > .ant-upload {
width: 100%; width: 100%;
height: 100%; height: 100%;

4
cvat-ui/src/components/annotation-page/attribute-annotation-workspace/styles.scss
Unescape Escape View File

@ -36,7 +36,7 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-size: 18px; font-size: 18px;
margin: 10px 0px; margin: 10px 0;
} }
.attribute-annotations-sidebar-not-found-wrapper { .attribute-annotations-sidebar-not-found-wrapper {
@ -45,7 +45,7 @@
} }
.attribute-annotation-sidebar-attr-list-wrapper { .attribute-annotation-sidebar-attr-list-wrapper {
margin: 10px 0px 10px 10px; margin: 10px 0 10px 10px;
} }
.attribute-annotation-sidebar-attr-elem-wrapper { .attribute-annotation-sidebar-attr-elem-wrapper {

30
cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/styles.scss
Unescape Escape View File

@ -6,19 +6,21 @@
.cvat-objects-appearance-collapse.ant-collapse { .cvat-objects-appearance-collapse.ant-collapse {
width: 100%; width: 100%;
bottom: 0px; bottom: 0;
position: absolute; position: absolute;
border-radius: 0px; border-radius: 0;
> .ant-collapse-item { > .ant-collapse-item {
border: none; border: none;
> .ant-collapse-header { > .ant-collapse-header {
padding-top: 2.5px; padding-top: 2.5px;
padding-bottom: 2.5px; padding-bottom: 2.5px;
background: $header-color; background: $header-color;
border-radius: 0px; border-radius: 0;
height: 25px; height: 25px;
} }
> .ant-collapse-content { > .ant-collapse-content {
background: $background-color-2; background: $background-color-2;
border-bottom: none; border-bottom: none;
@ -27,7 +29,6 @@
> .ant-collapse-content-box { > .ant-collapse-content-box {
padding: 10px; padding: 10px;
} }
} }
} }
} }
@ -35,7 +36,6 @@
.cvat-object-sidebar-icon { .cvat-object-sidebar-icon {
fill: $objects-bar-icons-color; fill: $objects-bar-icons-color;
color: $objects-bar-icons-color; color: $objects-bar-icons-color;
font-size: 15px; font-size: 15px;
&:hover { &:hover {
@ -50,7 +50,7 @@
.ant-tabs-card-bar { .ant-tabs-card-bar {
border: none; border: none;
margin-bottom: 0px; margin-bottom: 0;
padding-top: 25px; padding-top: 25px;
.ant-tabs-tab { .ant-tabs-tab {
@ -71,6 +71,7 @@
.cvat-objects-sidebar-states-header { .cvat-objects-sidebar-states-header {
background: $objects-bar-tabs-color; background: $objects-bar-tabs-color;
padding: 5px; padding: 5px;
height: 80px;
> div:nth-child(1) > div:nth-child(1) { > div:nth-child(1) > div:nth-child(1) {
height: 32px; height: 32px;
@ -81,7 +82,7 @@
> div { > div {
text-align: center; text-align: center;
margin: 0px 2px; margin: 0 2px;
> i { > i {
@extend .cvat-object-sidebar-icon; @extend .cvat-object-sidebar-icon;
@ -99,10 +100,6 @@
} }
} }
.cvat-objects-sidebar-states-header {
height: 80px;
}
.cvat-objects-sidebar-states-list { .cvat-objects-sidebar-states-list {
background-color: $background-color-2; background-color: $background-color-2;
height: calc(100% - 80px); height: calc(100% - 80px);
@ -134,6 +131,7 @@
> div:nth-child(3) > i { > div:nth-child(3) > i {
@extend .cvat-object-sidebar-icon; @extend .cvat-object-sidebar-icon;
font-size: 25px; font-size: 25px;
} }
@ -142,7 +140,7 @@
} }
} }
> div:nth-child(2) { > div:nth-child(2) {
> div > div { > div > div {
margin-top: 5px; margin-top: 5px;
} }
@ -154,7 +152,7 @@
} }
.cvat-objects-sidebar-state-item-collapse { .cvat-objects-sidebar-state-item-collapse {
border: 0px; border: 0;
background: inherit; background: inherit;
> .ant-collapse-item { > .ant-collapse-item {
@ -209,7 +207,7 @@
> .ant-radio-group { > .ant-radio-group {
display: grid; display: grid;
padding: 5px padding: 5px;
} }
} }
@ -261,13 +259,13 @@
} }
.ant-checkbox-wrapper { .ant-checkbox-wrapper {
margin-left: 0px; margin-left: 0;
} }
} }
.cvat-object-item-menu { .cvat-object-item-menu {
> li { > li {
padding: 0px; padding: 0;
> button { > button {
padding: 5px 32px; padding: 5px 32px;

30
cvat-ui/src/components/annotation-page/standard-workspace/styles.scss
Unescape Escape View File

@ -5,7 +5,7 @@
@import 'base.scss'; @import 'base.scss';
.cvat-standard-workspace.ant-layout { .cvat-standard-workspace.ant-layout {
height: 100% height: 100%;
} }
.cvat-canvas-container { .cvat-canvas-container {
@ -17,8 +17,8 @@
} }
.cvat-objects-sidebar-sider { .cvat-objects-sidebar-sider {
top: 0px; top: 0;
right: 0px; right: 0;
left: auto; left: auto;
background-color: $background-color-2; background-color: $background-color-2;
border-left: 1px solid $border-color-1; border-left: 1px solid $border-color-1;
@ -31,6 +31,10 @@
height: 100%; height: 100%;
} }
.cvat-rotate-canvas-controls-right > svg {
transform: scaleX(-1);
}
.cvat-canvas-controls-sidebar { .cvat-canvas-controls-sidebar {
background-color: $background-color-2; background-color: $background-color-2;
border-right: 1px solid $border-color-1; border-right: 1px solid $border-color-1;
@ -70,6 +74,7 @@
&:hover { &:hover {
transform: scale(0.75); transform: scale(0.75);
} }
&:active { &:active {
transform: scale(0.65); transform: scale(0.65);
} }
@ -79,18 +84,14 @@
.ant-popover-content > .ant-popover-content >
.ant-popover-inner > div > .ant-popover-inner > div >
.ant-popover-inner-content { .ant-popover-inner-content {
padding: 0px; padding: 0;
}
.cvat-rotate-canvas-controls-right > svg {
transform: scaleX(-1);
} }
.cvat-draw-shape-popover > .cvat-draw-shape-popover >
.ant-popover-content > .ant-popover-content >
.ant-popover-inner > div > .ant-popover-inner > div >
.ant-popover-inner-content { .ant-popover-inner-content {
padding: 0px; padding: 0;
} }
.cvat-draw-shape-popover-points-selector { .cvat-draw-shape-popover-points-selector {
@ -102,12 +103,15 @@
border-radius: 5px; border-radius: 5px;
background: $background-color-2; background: $background-color-2;
width: 250px; width: 250px;
> div { > div {
margin-top: 5px; margin-top: 5px;
} }
> div:nth-child(3) > div > div { > div:nth-child(3) > div > div {
width: 100%; width: 100%;
} }
> div:last-child { > div:last-child {
span { span {
width: 100%; width: 100%;
@ -115,11 +119,13 @@
button { button {
width: 100%; width: 100%;
&:nth-child(1) { &:nth-child(1) {
border-radius: 3px 0px 0px 3px; border-radius: 3px 0 0 3px;
} }
&:nth-child(2) { &:nth-child(2) {
border-radius: 0px 3px 3px 0px; border-radius: 0 3px 3px 0;
} }
} }
} }
@ -128,6 +134,6 @@
.cvat-propagate-confirm { .cvat-propagate-confirm {
> .ant-input-number { > .ant-input-number {
width: 70px; width: 70px;
margin: 0px 5px; margin: 0 5px;
} }
} }

31
cvat-ui/src/components/annotation-page/styles.scss
Unescape Escape View File

@ -5,27 +5,27 @@
@import '../../base.scss'; @import '../../base.scss';
.cvat-annotation-page.ant-layout { .cvat-annotation-page.ant-layout {
height: 100% height: 100%;
} }
.ant-layout-header.cvat-annotation-header { .ant-layout-header.cvat-annotation-header {
background-color: $background-color-2; background-color: $background-color-2;
border-bottom: 1px solid $border-color-1; border-bottom: 1px solid $border-color-1;
height: 54px; height: 54px;
padding: 0px; padding: 0;
} }
.cvat-annotation-header-left-group { .cvat-annotation-header-left-group {
> button:first-child { > button:first-child {
filter: invert(0.9); filter: invert(0.9);
background: $background-color-1; background: $background-color-1;
border-radius: 0px; border-radius: 0;
width: 70px; width: 70px;
} }
} }
.ant-btn.cvat-annotation-header-button { .ant-btn.cvat-annotation-header-button {
padding: 0px; padding: 0;
width: 54px; width: 54px;
height: 54px; height: 54px;
float: left; float: left;
@ -35,10 +35,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 0px 3px; margin: 0 3px;
> span { > span {
margin-left: 0px; margin-left: 0;
font-size: 10px; font-size: 10px;
} }
@ -57,19 +57,20 @@
> * { > * {
display: block; display: block;
line-height: 0px; line-height: 0;
} }
} }
.cvat-annotation-disabled-header-button { .cvat-annotation-disabled-header-button {
@extend .cvat-annotation-header-button; @extend .cvat-annotation-header-button;
opacity: 0.5; opacity: 0.5;
pointer-events: none; pointer-events: none;
} }
.cvat-annotation-header-player-group > div { .cvat-annotation-header-player-group > div {
height: 54px; height: 54px;
line-height: 0px; line-height: 0;
} }
.cvat-player-buttons { .cvat-player-buttons {
@ -81,7 +82,7 @@
> i { > i {
font-size: 25px; font-size: 25px;
margin: 0px 7px; margin: 0 7px;
color: $player-buttons-color; color: $player-buttons-color;
&:hover { &:hover {
@ -111,7 +112,6 @@
> .ant-slider-rail { > .ant-slider-rail {
background-color: $player-slider-color; background-color: $player-slider-color;
} }
} }
.cvat-player-filename-wrapper { .cvat-player-filename-wrapper {
@ -161,7 +161,8 @@
> div:nth-child(1) { > div:nth-child(1) {
> div { > div {
> .ant-select, i { > .ant-select,
i {
margin-left: 10px; margin-left: 10px;
} }
} }
@ -203,19 +204,18 @@
} }
.ant-menu.cvat-annotation-menu { .ant-menu.cvat-annotation-menu {
box-shadow: 0 0 17px rgba(0,0,0,0.2); box-shadow: 0 0 17px rgba(0, 0, 0, 0.2);
> li:hover { > li:hover {
background-color: $hover-menu-color; background-color: $hover-menu-color;
} }
.ant-menu-submenu-title { .ant-menu-submenu-title {
margin: 0px; margin: 0;
width: 15em; width: 15em;
} }
} }
// TODO: Move canvas from standard workspace and create its own .scss // TODO: Move canvas from standard workspace and create its own .scss
.cvat-canvas-context-menu { .cvat-canvas-context-menu {
opacity: 0.6; opacity: 0.6;
@ -235,7 +235,7 @@
opacity: 0.6; opacity: 0.6;
position: fixed; position: fixed;
z-index: 10; z-index: 10;
background-color: #ffffff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
&:hover { &:hover {
@ -291,6 +291,7 @@
.cvat-annotations-filters-input.ant-select > div { .cvat-annotations-filters-input.ant-select > div {
height: 32px; height: 32px;
> div { > div {
height: 32px; height: 32px;

4
cvat-ui/src/components/feedback/styles.scss
Unescape Escape View File

@ -6,10 +6,8 @@
position: absolute; position: absolute;
bottom: 20px; bottom: 20px;
right: 20px; right: 20px;
padding: 0px; padding: 0;
}
.cvat-feedback-button {
> i { > i {
font-size: 40px; font-size: 40px;
} }

2
cvat-ui/src/components/global-error-boundary/styles.scss
Unescape Escape View File

@ -13,5 +13,3 @@
color: red; color: red;
} }
} }

13
cvat-ui/src/components/header/styles.scss
Unescape Escape View File

@ -6,9 +6,9 @@
.cvat-header.ant-layout-header { .cvat-header.ant-layout-header {
display: flex; display: flex;
padding-left: 0px; padding-left: 0;
padding-right: 0px; padding-right: 0;
line-height: 0px; line-height: 0;
height: 44px; height: 44px;
background: $header-color; background: $header-color;
} }
@ -35,16 +35,15 @@
.ant-btn.cvat-header-button { .ant-btn.cvat-header-button {
color: $text-color; color: $text-color;
padding: 0px 10px; padding: 0 10px;
margin-right: 10px; margin-right: 10px;
} }
.ant-dropdown-trigger.cvat-header-menu-dropdown { .ant-dropdown-trigger.cvat-header-menu-dropdown {
display: flex; display: flex;
align-items: center; align-items: center;
border-left: 1px solid $border-color-1; border-left: 1px solid $border-color-1;
padding: 0px 20px; padding: 0 20px;
} }
.anticon.cvat-header-account-icon { .anticon.cvat-header-account-icon {
@ -55,5 +54,5 @@
.anticon.cvat-header-menu-icon { .anticon.cvat-header-menu-icon {
margin-left: 16px; margin-left: 16px;
margin-right: 0px; margin-right: 0;
} }

7
cvat-ui/src/components/labels-editor/styles.scss
Unescape Escape View File

@ -8,7 +8,7 @@ textarea.ant-input.cvat-raw-labels-viewer {
border-color: $border-color-2; border-color: $border-color-2;
box-shadow: none; box-shadow: none;
border-top: none; border-top: none;
border-radius: 0px 0px 5px 5px; border-radius: 0 0 5px 5px;
min-height: 9em; min-height: 9em;
font-family: $monospaced-fonts-stack; font-family: $monospaced-fonts-stack;
@ -27,7 +27,7 @@ textarea.ant-input.cvat-raw-labels-viewer {
border: 1px solid $border-color-2; border: 1px solid $border-color-2;
box-shadow: none; box-shadow: none;
border-top: none; border-top: none;
border-radius: 0px 0px 5px 5px; border-radius: 0 0 5px 5px;
padding: 5px; padding: 5px;
display: flex; display: flex;
overflow-y: auto; overflow-y: auto;
@ -74,8 +74,7 @@ textarea.ant-input.cvat-raw-labels-viewer {
} }
.cvat-label-constructor-creator, .cvat-label-constructor-creator,
.cvat-label-constructor-updater .cvat-label-constructor-updater {
{
> form:first-child { > form:first-child {
margin-top: 10px; margin-top: 10px;
} }

2
cvat-ui/src/components/register-page/styles.scss
Unescape Escape View File

@ -4,4 +4,4 @@
.ant-form-item { .ant-form-item {
margin-bottom: 12px; margin-bottom: 12px;
} }

5
cvat-ui/src/components/settings-page/styles.scss
Unescape Escape View File

@ -15,7 +15,8 @@
} }
} }
.cvat-workspace-settings, .cvat-player-settings { .cvat-workspace-settings,
.cvat-player-settings {
width: 100%; width: 100%;
height: max-content; height: max-content;
background: $background-color-1; background: $background-color-1;
@ -74,7 +75,7 @@
} }
.cvat-player-settings-step > div > span > i { .cvat-player-settings-step > div > span > i {
margin: 0px 5px; margin: 0 5px;
font-size: 10px; font-size: 10px;
} }

2
cvat-ui/src/components/task-page/styles.scss
Unescape Escape View File

@ -96,7 +96,7 @@
} }
.ant-typography.cvat-jobs-header { .ant-typography.cvat-jobs-header {
margin-bottom: 0px; margin-bottom: 0;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }

26
cvat-ui/src/components/tasks-page/styles.scss
Unescape Escape View File

@ -18,6 +18,15 @@
} }
} }
> div:nth-child(3) {
height: 83%;
padding-top: 10px;
}
> div:nth-child(4) {
padding-top: 10px;
}
> div:nth-child(2) { > div:nth-child(2) {
> div:nth-child(1) { > div:nth-child(1) {
display: flex; display: flex;
@ -33,15 +42,6 @@
justify-content: flex-end; justify-content: flex-end;
} }
} }
> div:nth-child(3) {
height: 83%;
padding-top: 10px;
}
> div:nth-child(4) {
padding-top: 10px;
}
} }
/* empty-tasks icon */ /* empty-tasks icon */
@ -97,7 +97,7 @@
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
margin: 20px; margin: 20px;
margin-top: 0px; margin-top: 0;
> .cvat-task-item-preview { > .cvat-task-item-preview {
max-width: 140px; max-width: 140px;
@ -121,10 +121,8 @@
margin-right: 5px; margin-right: 5px;
} }
.cvat-task-completed-progress { .cvat-task-completed-progress div.ant-progress-bg {
div.ant-progress-bg { background: $completed-progress-color !important;
background: $completed-progress-color !important; /* csslint allow: important */
}
} }
.cvat-task-progress-progress { .cvat-task-progress-progress {

4
package.json
Unescape Escape View File

@ -28,7 +28,9 @@
"remark-lint-unordered-list-marker-style": "^2.0.0", "remark-lint-unordered-list-marker-style": "^2.0.0",
"remark-preset-lint-consistent": "^3.0.0", "remark-preset-lint-consistent": "^3.0.0",
"remark-preset-lint-markdown-style-guide": "^3.0.0", "remark-preset-lint-markdown-style-guide": "^3.0.0",
"remark-preset-lint-recommended": "^4.0.0" "remark-preset-lint-recommended": "^4.0.0",
"stylelint": "^13.6.1",
"stylelint-config-standard": "^20.0.0"
}, },
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1" "test": "echo \"Error: no test specified\" && exit 1"

Write Preview
Loading…
Cancel
Save