debian-mirror-gitlab/app/assets/stylesheets/pages/graph.scss

92 lines
1.3 KiB
SCSS
Raw Normal View History

2014-09-02 18:07:02 +05:30
.project-network {
2015-04-26 12:48:37 +05:30
border: 1px solid $border-color;
2014-09-02 18:07:02 +05:30
.controls {
2017-08-17 22:00:37 +05:30
color: $project-network-controls-color;
2014-09-02 18:07:02 +05:30
font-size: 14px;
padding: 5px;
2015-04-26 12:48:37 +05:30
border-bottom: 1px solid $border-color;
2017-08-17 22:00:37 +05:30
background: $gray-darker;
2014-09-02 18:07:02 +05:30
}
.network-graph {
2017-08-17 22:00:37 +05:30
background: $white-light;
2014-09-02 18:07:02 +05:30
height: 500px;
overflow-y: scroll;
overflow-x: hidden;
}
}
.graphs {
.graph-author-email {
float: right;
2018-12-05 23:21:45 +05:30
color: $gl-gray-500;
2014-09-02 18:07:02 +05:30
}
.graph-additions {
2018-11-20 20:47:30 +05:30
color: $green-600;
2014-09-02 18:07:02 +05:30
}
.graph-deletions {
2018-11-20 20:47:30 +05:30
color: $red-500;
2014-09-02 18:07:02 +05:30
}
}
2018-11-18 11:00:15 +05:30
.svg-graph-container {
width: 100%;
.axis-tick {
opacity: 0.4;
}
.tick-text {
fill: $gl-text-color-secondary;
}
.x-axis-text {
2019-03-02 22:35:43 +05:30
fill: $gray-900;
2018-11-18 11:00:15 +05:30
}
.bar-rect {
fill: rgba($blue-500, 0.1);
stroke: $blue-500;
}
.bar-rect:hover {
fill: rgba($blue-700, 0.3);
}
.y-axis-label {
line {
2018-12-05 23:21:45 +05:30
stroke: $gl-gray-350;
2018-11-18 11:00:15 +05:30
}
text {
font-weight: bold;
font-size: 12px;
2019-03-02 22:35:43 +05:30
fill: $gray-800;
2018-11-18 11:00:15 +05:30
}
}
}
.svg-graph-container-with-grab {
cursor: grab;
cursor: -webkit-grab;
}
.svg-graph-container-grabbed {
cursor: grabbing;
cursor: -webkit-grabbing;
}
@keyframes flickerAnimation {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.animate-flicker {
animation: flickerAnimation 1.5s infinite;
2019-03-02 22:35:43 +05:30
fill: $gray-500;
2018-11-18 11:00:15 +05:30
}