PolyPaw/habitica-sync
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix flexbox issue for empty tabs

Browse source
This commit is contained in:
ransurf 2022-01-14 15:53:03 -08:00
parent 22616cbed9
commit 932562ab2e
2 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/view/Components/Taskview/Dailiesview/index.tsx
View file

@ -3,11 +3,14 @@ import DailyItem from "./DailyItem"
import { Tab, Tabs, TabList, TabPanel } from "react-tabs"; import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
export default function Index(props: any){ export default function Index(props: any){
if(props.dailys == undefined) { if(props.dailys == undefined) {
return <div id="classDisplay">No Dailies Present</div> return <div id="classDisplay">No Dailies Present</div>
} }
else { else {
const notDueDailies = props.dailys.map((daily: any) => { const notDueDailies = props.dailys.map((daily: any) => {
if (!daily.isDue) { if (!daily.isDue) {
let daily_notes = ''; let daily_notes = '';
let daily_subtasks = ''; let daily_subtasks = '';
@ -23,6 +26,7 @@ export default function Index(props: any){
onChange={props.onChange} completed={daily.completed} onChangeChecklistItem={props.onChangeChecklistItem}/> onChange={props.onChange} completed={daily.completed} onChangeChecklistItem={props.onChangeChecklistItem}/>
} }
}) })
const incompleteDailies = props.dailys.map((daily: any) => { const incompleteDailies = props.dailys.map((daily: any) => {
if (!daily.completed&&daily.isDue) { if (!daily.completed&&daily.isDue) {
let daily_notes = ''; let daily_notes = '';
@ -42,7 +46,7 @@ export default function Index(props: any){
const completedDailies = props.dailys.map((daily: any) => { const completedDailies = props.dailys.map((daily: any) => {
// if(daily.completed) // if(daily.completed)
// return <DailyItem key={daily.id} id={daily.id} daily_text={daily.text} daily_notes={daily.notes} onChange={props.onChange} completed={daily.completed}/> // return <DailyItem key={daily.id} id={daily.id} daily_text={daily.text} daily_notes={daily.notes} onChange={props.onChange} completed={daily.completed}/>
if (!daily.completed) { if (daily.completed) {
let daily_notes = ''; let daily_notes = '';
let daily_subtasks = ''; let daily_subtasks = '';
if (props.settings.showTaskDescription) { if (props.settings.showTaskDescription) {
@ -57,6 +61,7 @@ export default function Index(props: any){
onChange={props.onChange} completed={daily.completed} onChangeChecklistItem={props.onChangeChecklistItem}/> onChange={props.onChange} completed={daily.completed} onChangeChecklistItem={props.onChangeChecklistItem}/>
} }
}) })
const display = <div id="classDisplay"> const display = <div id="classDisplay">
<Tabs> <Tabs>
<TabList> <TabList>
@ -79,4 +84,3 @@ export default function Index(props: any){
} }
} }

3
styles.css
View file

@ -130,11 +130,12 @@ input[type=checkbox]:focus {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: stretch;
} }
#classDisplay { #classDisplay {
height: 100%; height: 100%;
width: 100%;
} }