* Change dynamic widget style.
This commit is contained in:
@@ -23,11 +23,11 @@ class dynamic extends wg
|
||||
div
|
||||
(
|
||||
span(
|
||||
setClass('timeline-tag'),
|
||||
setClass('dynamic-tag'),
|
||||
$dynamic->date
|
||||
),
|
||||
div(
|
||||
setClass('timeline-text clip'),
|
||||
setClass('dynamic-text clip'),
|
||||
zget($users, $dynamic->actor),
|
||||
span
|
||||
(
|
||||
@@ -50,7 +50,7 @@ class dynamic extends wg
|
||||
{
|
||||
$dynamicListView = h::ul
|
||||
(
|
||||
setClass('timeline timeline-tag-left pt-0 overflow-x-hidden'),
|
||||
setClass('dynamic dynamic-tag-left pt-0 overflow-x-hidden'),
|
||||
setClass($this->prop('className')),
|
||||
);
|
||||
|
||||
|
||||
@@ -1,22 +1,3 @@
|
||||
.timeline > li {position: relative; list-style: none}
|
||||
.timeline > li:before, .timeline > li > a:after, .timeline > li > div:after {position: absolute; left: -20px; display: block; width: 15px; height: 15px; content: ' '; border-radius: 50%}
|
||||
.timeline > li:before {top: 12px; left: -16px; z-index: 3; width: 7px; height: 7px; background-color: #c4c4c4; border: none; border: 1px solid #c4c4c4}
|
||||
.timeline > li > a:after, .timeline > li > div:after {top: 11px; left: -17px; z-index: 3; width: 9px; height: 9px; background-color: #2e7fff; border-radius: 50%; opacity: 0}
|
||||
.timeline > li + li:after {position: absolute; top: -12px; bottom: 20px; left: -13px; z-index: 1; display: block; content: ' '; border-left: 1px solid #eee}
|
||||
.timeline > li.active > a:after, .timeline > li.active > div:after {opacity: 1}
|
||||
.timeline > li.active:before {top: 8px; left: -20px; width: 15px; height: 15px; background-color: rgba(46,127,255, .2); border: none}
|
||||
.timeline > li > a, .timeline > li > div {display: block; padding: 5px; line-height: 20px}
|
||||
.timeline > li.active > a {color: #313c52}
|
||||
|
||||
.timeline-tag {position: absolute; top: 5px; left: -115px; font-size: 12px}
|
||||
.timeline-tag-left {padding-left: 115px}
|
||||
|
||||
.timeline-sm {font-size: 12px}
|
||||
.timeline-sm > li:before, .timeline-sm > li > a:after, .timeline-sm > li > div:after {top: 10px; left: -20px; width: 11px; height: 11px}
|
||||
.timeline-sm > li.active:before, .timeline-sm > li:before {top: 10px; left: -18px; width: 11px; height: 11px; background: 0 0; border: 1px solid #eee}
|
||||
.timeline-sm > li > a, .timeline-sm > li > div {line-height: 20px}
|
||||
.timeline-sm > li > a:after, .timeline-sm > li > div:after {top: 13px; left: -15px; width: 5px; height: 5px}
|
||||
|
||||
.linked-products > .items-center {justify-content: space-between;}
|
||||
.execution-statitic-hours .table-data-body, .execution-basic-info .table-data-body {display: flex; flex-wrap: wrap;}
|
||||
.execution-statitic-hours .table-data-body .table-data-tr {flex: 0 1 50%;}
|
||||
|
||||
@@ -1,22 +1,3 @@
|
||||
.timeline > li {position: relative; list-style: none}
|
||||
.timeline > li:before, .timeline > li > a:after, .timeline > li > div:after {position: absolute; left: -20px; display: block; width: 15px; height: 15px; content: ' '; border-radius: 50%}
|
||||
.timeline > li:before {top: 12px; left: -16px; z-index: 3; width: 7px; height: 7px; background-color: #c4c4c4; border: none; border: 1px solid #c4c4c4}
|
||||
.timeline > li > a:after, .timeline > li > div:after {top: 11px; left: -17px; z-index: 3; width: 9px; height: 9px; background-color: #2e7fff; border-radius: 50%; opacity: 0}
|
||||
.timeline > li + li:after {position: absolute; top: -12px; bottom: 20px; left: -13px; z-index: 1; display: block; content: ' '; border-left: 1px solid #eee}
|
||||
.timeline > li.active > a:after, .timeline > li.active > div:after {opacity: 1}
|
||||
.timeline > li.active:before {top: 8px; left: -20px; width: 15px; height: 15px; background-color: rgba(46,127,255, .2); border: none}
|
||||
.timeline > li > a, .timeline > li > div {display: block; padding: 5px; line-height: 20px}
|
||||
.timeline > li.active > a {color: #313c52}
|
||||
|
||||
.timeline-tag {position: absolute; top: 5px; left: -115px; font-size: 12px}
|
||||
.timeline-tag-left {padding-left: 115px}
|
||||
|
||||
.timeline-sm {font-size: 12px}
|
||||
.timeline-sm > li:before, .timeline-sm > li > a:after, .timeline-sm > li > div:after {top: 10px; left: -20px; width: 11px; height: 11px}
|
||||
.timeline-sm > li.active:before, .timeline-sm > li:before {top: 10px; left: -18px; width: 11px; height: 11px; background: 0 0; border: 1px solid #eee}
|
||||
.timeline-sm > li > a, .timeline-sm > li > div {line-height: 20px}
|
||||
.timeline-sm > li > a:after, .timeline-sm > li > div:after {top: 13px; left: -15px; width: 5px; height: 5px}
|
||||
|
||||
.linked-products > .items-center {justify-content: space-between;}
|
||||
#projectDashBoard .progress > .progress-bar {border-radius: 4px;}
|
||||
.project-info .table-data-body {display: flex; flex-wrap: wrap;}
|
||||
|
||||
Reference in New Issue
Block a user