vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix: namespace new buttons on mobile #1262

Merged
dpschen merged 10 commits from fix/new-buttons into main 2022-01-05 12:46:34 +00:00
Conversation 1 Commits 10 Files Changed 7 +5 -5
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 696b11a33b - Show all commits

10
src/views/namespaces/ListNamespaces.vue
View File

@ -152,12 +152,12 @@ export default {
}
.new-namespace {
konrad marked this conversation as resolved Outdated
dpschen commented 2021-12-30 13:21:10 +00:00
Outdated
Review
Copy Link

unindent class (no need because it's scoped).

unindent class (no need because it's scoped).
konrad commented 2021-12-30 16:03:25 +00:00
Outdated
Review
Copy Link

Done.

Done.
margin-left: 1rem;
margin-bottom: .5rem;
konrad marked this conversation as resolved Outdated
dpschen commented 2021-12-30 13:21:55 +00:00
Outdated
Review
Copy Link

Scope this for min-width $tablet so that we don't need an overwrite for smaller devices (mobile first)

Scope this for `min-width $tablet` so that we don't need an overwrite for smaller devices (mobile first)
konrad commented 2021-12-30 16:02:55 +00:00
Outdated
Review
Copy Link

Done.

I had to override the width though.

Done. I had to override the width though.
width: 100%;
@media screen and (max-width: $tablet) {
width: 100%;
margin-left: 0;
margin-bottom: .5rem;
@media screen and (min-width: $tablet) {
margin-left: 1rem;
width: auto;
}
}
</style>