krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 14:47:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(teams): Stealth calc and small screens

Browse Source
This commit is contained in:
SabreCat
2022-08-29 17:09:06 -05:00
parent 14441701c9
commit 6c1b21117f
2 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
website/client/src/components/group-plans/taskInformation.vue
View File

@@ -19,21 +19,18 @@
:task="editingTask" :task="editingTask"
@cancel="cancelTaskModal()" @cancel="cancelTaskModal()"
/> />
<div class="row tasks-navigation mb-4"> <div class="d-flex flex-wrap align-items-center mb-4">
<div class="col-12 col-md-4 d-flex align-items-center"> <div class="mr-auto">
<h1>{{ group.name }}</h1> <h1>{{ group.name }}</h1>
</div> </div>
<!-- @TODO: Abstract to component!-->
<div class="col-12 col-md-4 d-flex justify-content-center align-items-center">
<input <input
v-model="searchText" v-model="searchText"
class="form-control input-search" class="form-control input-search"
type="text" type="text"
:placeholder="$t('search')" :placeholder="$t('search')"
> >
</div>
<div <div
class="col-12 col-md-4 create-task-area d-flex align-items-center" class="d-flex flex-wrap align-items-center justify-content-end ml-auto"
> >
<toggle-switch <toggle-switch
id="taskMirrorToggle" id="taskMirrorToggle"
@@ -44,11 +41,11 @@
@change="changeMirrorPreference" @change="changeMirrorPreference"
/> />
<div <div
class="day-start d-flex align-items-center mr-2" class="day-start d-flex align-items-center"
v-html="$t('dayStart', { startTime: groupStartTime } )" v-html="$t('dayStart', { startTime: groupStartTime } )"
> >
</div> </div>
<div> <div class="ml-2">
<button <button
id="create-task-btn" id="create-task-btn"
v-if="canCreateTasks" v-if="canCreateTasks"
@@ -135,10 +132,6 @@
margin-bottom: 0px; margin-bottom: 0px;
} }
.create-task-area {
top: 1.5rem;
height: 40px;
.day-start { .day-start {
height: 2rem; height: 2rem;
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
@@ -146,10 +139,24 @@
color: $gray-100; color: $gray-100;
background-color: $gray-600; background-color: $gray-600;
} }
@media screen and (min-width: 1200px) {
.input-search {
margin-left: 12.5rem;
width: 25%;
}
} }
@media screen and (max-width: 1200px) {
.input-search { .input-search {
max-width: 458px; width: 50%;
}
}
@media screen and (max-width: 500px) {
#create-task-btn {
margin-top: 4px;
}
} }
.positive { .positive {

2
website/client/src/components/tasks/spells.vue
View File

@@ -461,7 +461,7 @@ export default {
spellDisabled (skill) { spellDisabled (skill) {
const incompleteDailiesDue = this const incompleteDailiesDue = this
.getUnfilteredTaskList('daily') .getUnfilteredTaskList('daily')
.filter(daily => !daily.completed && daily.isDue) .filter(daily => !daily.completed && !daily.group.id && daily.isDue)
.length; .length;
if (skill === 'frost' && this.user.stats.buffs.streaks) { if (skill === 'frost' && this.user.stats.buffs.streaks) {