logseq-plugin-todo-master icon indicating copy to clipboard operation
logseq-plugin-todo-master copied to clipboard

Config to show fraction label by default

Open wzulfikar opened this issue 2 years ago • 0 comments

What Currently, percent label is shown next to progress bar. Hovering it will change the percent to fraction:

https://user-images.githubusercontent.com/7823011/155255796-222b7ca5-a2f1-482d-9ee0-16f064b04d2e.mp4

Is there a config to flip the behavior so that by default, a fraction is shown and hovering the bar will change it to percent. Like this:

https://user-images.githubusercontent.com/7823011/155255857-3f9c734a-89fc-4b1f-b11f-15ce7845854c.mp4

I'd prefer fraction as default because I can estimate the percentage by seeing the progress bar. And if I need to see the specific % value, i can hover it. For now, what I did is manually customizing the dist code (~/.logseq/plugins/logseq-todo-master/dist/assets/index.[some-hash].js):

.todo-master-progress-bar__percentage-label {
-  opacity: 1;
+  opacity: 0;
}

.todo-master-progress-bar__fraction-label {
-  opacity: 0;
+  opacity: 1;
}

.todo-master-progress-bar__label:hover
  .todo-master-progress-bar__percentage-label {
-  opacity: 0;
+  opacity: 1;
}

.todo-master-progress-bar__label:hover
  .todo-master-progress-bar__fraction-label {
-  opacity: 1;
+  opacity: 0;
}

wzulfikar avatar Feb 23 '22 03:02 wzulfikar