julien/tps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

align everything and add emoji

Browse Source
This commit is contained in:
Julien Calixte
2023-07-13 00:47:34 +02:00
parent e15b4100a7
commit 629a599c30
3 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
feature-flow.css
View File

@@ -22,6 +22,8 @@ li {
height: 100%; height: 100%;
margin: 0; margin: 0;
color: var(--background-color); color: var(--background-color);
display: flex;
flex-direction: column;
} }
main > ul > li:first-child { main > ul > li:first-child {
@@ -46,6 +48,7 @@ header {
section { section {
margin: 1rem 0; margin: 1rem 0;
flex: 1;
} }
section ul { section ul {
@@ -55,8 +58,8 @@ section ul {
h5 { h5 {
margin-bottom: 0; margin-bottom: 0;
background-color: var(--background-color); background-color: var(--background-color);
color: var(--color);
padding: 0.35rem; padding: 0.35rem;
text-align: center;
} }
.blue-bin { .blue-bin {

40
feature-flow.html
View File

@@ -19,49 +19,49 @@
<li> <li>
<header>Pitch</header> <header>Pitch</header>
<section class="doing"> <section class="doing">
<h5>doing</h5> <h5>📝</h5>
<ul>
<li>Feature 1</li>
<li>Feature 2</li>
</ul>
</section>
<section class="done">
<h5>done</h5>
<ul> <ul>
<li>Feature 3</li> <li>Feature 3</li>
<li>Feature 4</li> <li>Feature 4</li>
</ul> </ul>
</section> </section>
<section class="done">
<h5>✅</h5>
<ul>
<li class="blue-bin">feature 1</li>
<li class="blue-bin">feature 2</li>
</ul>
</section>
</li> </li>
<li> <li>
<header>Design</header> <header>Design</header>
<section class="doing"> <section class="doing">
<h5>doing</h5> <h5>📝</h5>
</section> </section>
<section class="done"> <section class="done">
<h5>done</h5> <h5>✅</h5>
</section> </section>
</li> </li>
<li> <li>
<header>Investigation</header> <header>Investigation</header>
<section class="doing"> <section class="doing">
<h5>doing</h5> <h5>📝</h5>
</section> </section>
<section class="done"> <section class="done">
<h5>done</h5> <h5>✅</h5>
</section> </section>
</li> </li>
<li> <li>
<header>Product design</header> <header>Product design</header>
<section class="doing"> <section class="doing">
<h5>doing</h5> <h5>📝</h5>
<ul> <ul>
<li></li> <li></li>
<li></li> <li></li>
</ul> </ul>
</section> </section>
<section class="done"> <section class="done">
<h5>done</h5> <h5>✅</h5>
<div class="blue-bin">Blue bucket</div> <div class="blue-bin">Blue bucket</div>
<div class="blue-bin">Blue bucket</div> <div class="blue-bin">Blue bucket</div>
</section> </section>
@@ -69,28 +69,28 @@
<li> <li>
<header>Development</header> <header>Development</header>
<section class="doing"> <section class="doing">
<h5>doing</h5> <h5>📝</h5>
</section> </section>
<section class="done"> <section class="done">
<h5>done</h5> <h5>✅</h5>
</section> </section>
</li> </li>
<li> <li>
<header>UAT</header> <header>UAT</header>
<section class="doing"> <section class="doing">
<h5>doing</h5> <h5>📝</h5>
</section> </section>
<section class="done"> <section class="done">
<h5>done</h5> <h5>✅</h5>
</section> </section>
</li> </li>
<li> <li>
<header>Release</header> <header>Release</header>
<section class="doing"> <section class="doing">
<h5>doing</h5> <h5>📝</h5>
</section> </section>
<section class="done"> <section class="done">
<h5>done</h5> <h5>✅</h5>
</section> </section>
</li> </li>
</ul> </ul>

1
index.css
View File

@@ -100,6 +100,7 @@ li {
.pilars li { .pilars li {
flex: 0; flex: 0;
width: 100%;
} }
.ground { .ground {