microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

js updates

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-22 12:21:40 -08:00
parent 3ef69dc570
commit 4f7b9e4747
46 changed files with 200 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
step1-07/demo/src/components/TodoHeader.tsx
View File

@@ -17,9 +17,9 @@ export class TodoHeader extends React.Component<any, any> {
<button className="submit">Add</button>
</div>
<nav className="filter">
<button className={filter == 'all' ? 'active' : ''}>all</button>
<button className={filter == 'active' ? 'active' : ''}>active</button>
<button className={filter == 'completed' ? 'active' : ''}>completed</button>
<button className={filter == 'all' ? 'completed' : ''}>all</button>
<button className={filter == 'active' ? 'completed' : ''}>active</button>
<button className={filter == 'completed' ? 'completed' : ''}>completed</button>
</nav>
</header>
);

2
step1-07/demo/src/style.css
View File

@@ -31,7 +31,7 @@ h1 {
border: none;
}
.filter .active {
.filter .selected {
border-bottom: 2px solid blue;
}

6
step1-07/exercise/src/components/TodoHeader.tsx
View File

@@ -17,9 +17,9 @@ export class TodoHeader extends React.Component<any, any> {
<button className="submit">Add</button>
</div>
<nav className="filter">
<button className={filter == 'all' ? 'active' : ''}>all</button>
<button className={filter == 'active' ? 'active' : ''}>active</button>
<button className={filter == 'completed' ? 'active' : ''}>completed</button>
<button className={filter == 'all' ? 'completed' : ''}>all</button>
<button className={filter == 'active' ? 'completed' : ''}>active</button>
<button className={filter == 'completed' ? 'completed' : ''}>completed</button>
</nav>
</header>
);

2
step1-07/exercise/src/style.css
View File

@@ -31,7 +31,7 @@ h1 {
border: none;
}
.filter .active {
.filter .selected {
border-bottom: 2px solid blue;
}

6
step1-07/final/src/components/TodoHeader.tsx
View File

@@ -25,13 +25,13 @@ export class TodoHeader extends React.Component<TodoHeaderProps, any> {
</button>
</div>
<nav className="filter">
<button onClick={() => setFilter('all')} className={filter == 'all' ? 'active' : ''}>
<button onClick={() => setFilter('all')} className={filter == 'all' ? 'completed' : ''}>
all
</button>
<button onClick={() => setFilter('active')} className={filter == 'active' ? 'active' : ''}>
<button onClick={() => setFilter('active')} className={filter == 'active' ? 'completed' : ''}>
active
</button>
<button onClick={() => setFilter('completed')} className={filter == 'completed' ? 'active' : ''}>
<button onClick={() => setFilter('completed')} className={filter == 'completed' ? 'completed' : ''}>
completed
</button>
</nav>

2
step1-07/final/src/style.css
View File

@@ -31,7 +31,7 @@ h1 {
border: none;
}
.filter .active {
.filter .selected {
border-bottom: 2px solid blue;
}