|
|
@@ -39,6 +39,11 @@
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
+ @media (max-width: 300px) {
|
|
|
+ #filters {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -106,33 +111,35 @@
|
|
|
<button type="submit" class="btn btn-primary">Add a Task</button>
|
|
|
</div>
|
|
|
</form>
|
|
|
+ <div class="row" id="filters">
|
|
|
<hr>
|
|
|
- <div class="col-lg-6 text-left dropdown">
|
|
|
- <a href="#" data-toggle="dropdown">Filter: Uncompleted</a>
|
|
|
- <ul class="dropdown-menu" role="menu" arial-labelledby="dLabel">
|
|
|
- <li><a href="#">Uncompleted</a></li>
|
|
|
- <li><a href="#">Not in my lists</a></li>
|
|
|
- <li><a href="#">Due today</a></li>
|
|
|
- <li><a href="#">Due soon</a></li>
|
|
|
- <li><a href="#">Overdue</a></li>
|
|
|
- <li><a href="#">Repeating</a></li>
|
|
|
- <li><a href="#">Completed</a></li>
|
|
|
- <li><a href="#">Everything</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="col-lg-6 text-right dropdown">
|
|
|
- <a href="#" data-toggle="dropdown">Sort by: Auto</a>
|
|
|
- <ul class="dropdown-menu" role="menu">
|
|
|
- <li><a href="#">Auto</a></li>
|
|
|
- <li><a href="#">Manual</a></li>
|
|
|
- <li><a href="#">Priority</a></li>
|
|
|
- <li><a href="#">Due date</a></li>
|
|
|
- <li><a href="#">Date created</a></li>
|
|
|
- <li><a href="#">Date completed</a></li>
|
|
|
- <li><a href="#">Last modified</a></li>
|
|
|
- <li><a href="#">A to Z</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ <div class="col-6 text-left dropdown">
|
|
|
+ <a href="#" data-toggle="dropdown">Filter: Uncompleted</a>
|
|
|
+ <ul class="dropdown-menu" role="menu" arial-labelledby="dLabel">
|
|
|
+ <li><a href="#">Uncompleted</a></li>
|
|
|
+ <li><a href="#">Not in my lists</a></li>
|
|
|
+ <li><a href="#">Due today</a></li>
|
|
|
+ <li><a href="#">Due soon</a></li>
|
|
|
+ <li><a href="#">Overdue</a></li>
|
|
|
+ <li><a href="#">Repeating</a></li>
|
|
|
+ <li><a href="#">Completed</a></li>
|
|
|
+ <li><a href="#">Everything</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="col-6 text-right dropdown">
|
|
|
+ <a href="#" data-toggle="dropdown">Sort by: Auto</a>
|
|
|
+ <ul class="dropdown-menu" role="menu">
|
|
|
+ <li><a href="#">Auto</a></li>
|
|
|
+ <li><a href="#">Manual</a></li>
|
|
|
+ <li><a href="#">Priority</a></li>
|
|
|
+ <li><a href="#">Due date</a></li>
|
|
|
+ <li><a href="#">Date created</a></li>
|
|
|
+ <li><a href="#">Date completed</a></li>
|
|
|
+ <li><a href="#">Last modified</a></li>
|
|
|
+ <li><a href="#">A to Z</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
