[Frontend] CSS tweaks
#750 Moved l-plot-resource cursor: pointer to a more specific selector; Added user-select: none to l-header; Fixed s-status-editing styling so that tabular labels only appear draggable while editing;
This commit is contained in:
@@ -140,17 +140,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-mode .s-swimlane,
|
|
||||||
.s-status-editing .s-swimlane {
|
|
||||||
cursor: pointer;
|
|
||||||
.t-object-label {
|
|
||||||
border-radius: $controlCr;
|
|
||||||
cursor: move;
|
|
||||||
padding: 2px 5px;
|
|
||||||
&:hover {
|
|
||||||
background: rgba($colorBodyFg, 0.3);
|
|
||||||
color: pullForward($colorBodyFg, 20%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -23,6 +23,11 @@
|
|||||||
.l-timeline-holder {
|
.l-timeline-holder {
|
||||||
@include absPosDefault();
|
@include absPosDefault();
|
||||||
|
|
||||||
|
.l-header {
|
||||||
|
@include user-select(none);
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
.l-timeline-pane {
|
.l-timeline-pane {
|
||||||
@include absPosDefault();
|
@include absPosDefault();
|
||||||
|
|
||||||
@@ -33,6 +38,9 @@
|
|||||||
.l-swimlanes-holder {
|
.l-swimlanes-holder {
|
||||||
@include absPosDefault();
|
@include absPosDefault();
|
||||||
top: $timelineTopPaneHeaderH + 1;
|
top: $timelineTopPaneHeaderH + 1;
|
||||||
|
.l-col.l-plot-resource {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Overall layout
|
// Overall layout
|
||||||
@@ -250,21 +258,15 @@
|
|||||||
|
|
||||||
&.l-plot-resource {
|
&.l-plot-resource {
|
||||||
border-left: none !important;
|
border-left: none !important;
|
||||||
cursor: pointer;
|
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.l-title {
|
&.l-title {
|
||||||
width: $timelineColTitleW;
|
width: $timelineColTitleW;
|
||||||
.rep-object-label[draggable="true"] {
|
.rep-object-label {
|
||||||
border-radius: $basicCr;
|
border-radius: $basicCr;
|
||||||
@include transition(background-color, 0.25s);
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 $interiorMarginSm;
|
padding: 0 $interiorMargin;
|
||||||
&:hover {
|
|
||||||
background-color: $colorItemTreeHoverBg;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -314,3 +316,11 @@
|
|||||||
height: 5px
|
height: 5px
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.s-status-editing .l-title .rep-object-label[draggable="true"] {
|
||||||
|
@include transition(background-color, 0.25s);
|
||||||
|
cursor: pointer;
|
||||||
|
&:hover {
|
||||||
|
background-color: $colorItemTreeHoverBg;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user