lazygit

workflowy-helper/style.css

@@ -720,21 +720,37 @@ body::-webkit-scrollbar {
 /* 	/1* padding-right: 15px !important; *1/ */
 /* } */
 
-/* .boardCard > .notes { */
+.boardCard > .notes {
-/* 	padding-left: 24px !important; */
+	padding-left: 24px !important;
-/* } */
+}
-/* .boardCard > .name { */
-/* 	padding-left: calc(var(--name-left-overhang) + 24px) !important; */
-/* } */
 
-/* .boardCard > .name > .bullet { */
+.is-desktop .boardCard > .name {
-/* 	left: calc(var(--name-left-overhang) - 12px) !important; */
+	padding-left: calc(var(--name-left-overhang) + 24px) !important;
-/* 	top: 7px !important; */
+}
-/* } */
 
-/* .boardColumn > .children { */
+.is-mobile .boardCard > .name {
-/* 	padding-left: 0 !important; */
+	padding-left: 24px !important;
-/* } */
+}
+
+
+.is-desktop .boardCard > .name > .bullet {
+	left: calc(var(--name-left-overhang) - 12px) !important;
+	top: 7px !important;
+}
+
+.is-mobile .boardCard > .name > .bullet {
+	left: 7px !important;
+	top: 5px !important;
+}
+
+.is-mobile .boardCard > .name > .bullet > .zoomChevronIcon {
+	display: none !important;
+}
+
+
+.boardColumn > .children {
+	padding-left: 0 !important;
+}
 
 .boardCard.tagged-a {
 	border-color: var(--red) !important;
@@ -754,57 +770,66 @@ body::-webkit-scrollbar {
 
 .boardColumn {
 	flex: 0 0 600px !important;
-	max-width: 80vw !important;
+	max-width: 90vw !important;
+}
+
+.is-mobile .boardColumn > .name > .expand {
+	left: -27px !important;
 }
 
 
-/* .boardCard { */
+.boardCard {
-/* 	box-sizing: border-box !important; */
+	box-sizing: border-box !important;
-/* 	padding-top: 3px !important; */
+	padding-top: 3px !important;
-/* } */
+}
 
-/* .boardColumn > .name { */
+.boardColumn > .name {
 /* 	/1* max-width: var(--card) !important; *1/ */
-/* 	/1* width: 100% !important; *1/ */
+	/* width: 100% !important; */
-/* 	width: -webkit-fill-available; */
+	width: -webkit-fill-available;
-/*     min-width: max-content; */
+    min-width: max-content;
-/* 	max-width: initial !important; */
+	max-width: initial !important;
-/* 	margin: 8px 32px 0px 32px; */
+	margin: 8px 32px 0px 32px;
-/* 	padding: 0; */
+	padding: 0;
-/* 	border-bottom: 1px solid var(--grey) !important; */
+	border-bottom: 1px solid var(--grey) !important;
-/* } */
+}
 
-/* .boardColumn > .name > .expand { */
+.boardColumn > .name > .content {
-/* 	top: 7px !important; */
+	padding-bottom: 4px !important;
-/* 	left: -20px !important; */
+}
-/* } */
 
-/* .boardColumn > .name > .bullet.bullet { */
+.boardColumn > .name .contentEditablePlaceholder {
-/* 	top: 7px !important; */
+	top: initial !important;
-/* 	right: -25px !important; */
+	bottom: 10px !important;
-/* } */
+}
 
-/* .boardColumn > .name .itemMenu.menu { */
+.boardColumn > .name > .expand {
-/* 	top: 5px !important; */
+	top: 7px !important;
-/* 	right: -30px !important; */
+	left: -20px !important;
-/* } */
+}
+
+.boardColumn > .name > .bullet.bullet {
+	top: 7px !important;
+	right: -25px !important;
+}
+
+.boardColumn > .name .itemMenu.menu {
+	top: 5px !important;
+	right: -30px !important;
+}
 
-/* .boardColumn .boardCard .itemMenu { */
-/* 	right: -40px !important; */
-/* 	top: 0 !important; */
-/* 	left: auto !important; */
-/* } */
 
 /* .boardColumn > .name > .content { */
 /* 	padding: 0 0 4px 0 !important; */
 /* 	/1* width: 100% !important; *1/ */
 /* } */
 
-/* .boardColumn > .children { */
+.boardColumn > .children {
-/* 	padding: 8px 0 0 0 !important; */
+	padding: 8px 0 0 0 !important;
-/* 	scrollbar-width: none;      /1* Firefox *1/ */
+	scrollbar-width: none;      /* Firefox */
-/* 	-ms-overflow-style: none;   /1* IE 10+ *1/ */
+	-ms-overflow-style: none;   /* IE 10+ */
-/* } */
+}
+
 
 
 .boardColumn {
@@ -871,6 +896,10 @@ i {
 	color: var(--base01) !important;
 }
 
-/* body.is-mobile #app .boardCard > .name { */
+
-/* 	padding-left: initial !important; */
+.boardColumn .boardCard .itemMenu {
-/* } */
+	right: -50px !important;
+	top: 0 !important;
+	left: auto !important;
+}
+