27 lines
1.5 KiB
CSS
27 lines
1.5 KiB
CSS
#tutorialTabs .tab-content {max-height: calc(100vh - 72px); overflow: auto;}
|
|
|
|
.has-active-guide > .tutorial-guide {display: none;}
|
|
.has-active-guide > .tutorial-guide.active {display: block;}
|
|
|
|
.tutorial-guide-tasks {display: none;}
|
|
.tutorial-guide.active .tutorial-guide-item .tutorial-guide-icon {display: none;}
|
|
.tutorial-guide.active .tutorial-guide-item .tutorial-guide-trailing-icon {order: -1; opacity: 1; --tw-rotate: 90deg;}
|
|
.tutorial-guide.active .tutorial-guide-tasks {display: block;}
|
|
.tutorial-guide-list.is-single-guide .tutorial-guide-tasks {display: block;}
|
|
.tutorial-guide-list.is-single-guide .tutorial-guide-item {display: none;}
|
|
|
|
.tutorial-step-list {display: none;}
|
|
.tutorial-task.active .tutorial-step-list {display: block;}
|
|
|
|
.tutorial-task-start > span {display: none;}
|
|
.tutorial-task[data-status="wait"] .tutorial-task-start > span[data-type="start"],
|
|
.tutorial-task[data-status="doing"] .tutorial-task-start > span[data-type="continue"],
|
|
.tutorial-task[data-status="done"] .tutorial-task-start > span[data-type="restart"] {display: inline;}
|
|
.tutorial-task.active .tutorial-task-start {display: none;}
|
|
|
|
.tutorial-task.active .tutorial-task-item {background-color: var(--color-primary-50); color: var(--color-primary-500); margin: 0 -10px; padding: 0 10px}
|
|
|
|
.tutorial-step {position: relative;}
|
|
.tutorial-step.active::before {content: ' '; width: 5px; height: 5px; border-radius: 100%; background: var(--color-primary-500); position: absolute; left: 2px; top: 10px}
|
|
.tutorial-step.active .tutorial-step-title {color: var(--color-fore)}
|