GithubHelp home page GithubHelp logo

yu000jp / logseq-page-tags-and-hierarchy Goto Github PK

View Code? Open in Web Editor NEW
24.0 24.0 2.0 849 KB

Split page title hierarchy as links / Page view UI for page-tags and hierarchy

License: MIT License

HTML 0.88% TypeScript 74.22% JavaScript 1.02% CSS 23.88%
logseq logseq-plugin

logseq-page-tags-and-hierarchy's Introduction

logseq-page-tags-and-hierarchy's People

Contributors

dependabot[bot] avatar semantic-release-bot avatar yu000jp avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

bendzg bsdmylove

logseq-page-tags-and-hierarchy's Issues

Crash app when trying to edit the title of a page that has a hierarchy and links to other pages in the title

logseq crash when trying to edit the title of a page that has links to other pages in the title. Logseq does not crash when the plugin isn't installed.

By mistake (copy/paste), I created a page with links to other pages in the title.
When I try to edit the title, logseq show the "Something went wrong" screen.

  1. Create a page named [[test/Level1]]
  2. Create a page named [[[[test/Level1]] will it crash?]]
  3. Open that last page
  4. Try to edit the title.

I know that we don't need pages with links in the title. We should not be able to create them. But since we can, the plugin should no crash if it encounter them.
Logseq_hierarchyCrash

Request: Title without Namespace

Your plugin almost does what I wish.

Current result:
image

Desired result:
image

Could the plugin be modified to simplify the displayed page title instead of having the complete namespace? (see example image)

Ideally if I clicked the title the full title would appear "A/B/C" when editing but when not editing only "C" would be displayed with the links "A/B" above the title.

Also, can the namespace links preserve the capitalization?

If this is not possible let me know.

Thanks

Work with smaller monitors

How can I make this work with smaller monitors?

I've tried editing first few lines to

/* Screen size */
@media screen and (min-width: 800px) 

Still doesn't work.

Just trying to get the Hierarchy and Reference panels to the right side.

Suppport whiteboards

Hey! @YU000jp

I love your plugin and I have really enjoyed using it!

Though, when adding an page to an whiteboard, it does not separate the hierarchy part!

problem
Here is an example ^

logseq-whiteboard-hierarchy
Here is how I would do it ^

Sincerely,
jh-devv

Optimize for smaller screens

I like the concept of the plugin, but it doesn't seem to work very well with smaller screens, like laptops with 10-inch screens. Could you add some CSS media queries or make it configurable in the plugin settings?

Thanks!

Add full wide view mode

Thanks Global Custom CSS plugin

  • UI layout
  • Support wide mode (Change size)
    • won’t fix

Check plugins

  • Column Layout (original sidebar)
    • release new version for support
  • tabbed sidebar

side by side smaller

Discussed in #6

Originally posted by Yavinah June 7, 2023
Hello and first of all: Thank you for this great plugin!

It would be nice to have the option to make the tagged pages and hierarchy area smaller. Because in my case the names of my tagged pages are only 10-15 characters long, so the plugin takes unnecessarily much space from my screen.

Thank you!

Color option (breadcrumb)

ブレッドクラムの個別カテゴリーの色付け
(右クリックで色を指定する)

色付け情報は、プラグイン設定オブジェクトに保存される

Latest update corrupts page layout, creates multiple columns

Hello!

Starting up Logseq today and it seems the plugin may be changing how journal pages are being displayed.

Previously, the Tag and Hierarchy "box" would display in the lower right hand corner.

Today, it is displaying in the upper right hand corner and altering the layout of the page.

Here's a comparison:

image

If it helps, here is a list of plugins I currently have enabled:

{
 :logseq-heatmap {:version "v2.4.3", :repo "pengx17/logseq-plugin-heatmap", :effect true, :theme false}
 :logseq-agenda {:version "v2.15.4", :repo "haydenull/logseq-plugin-agenda", :effect true, :theme false}
 :logseq-todo-plugin {:version "v1.12.1", :repo "ahonn/logseq-plugin-todo", :effect true, :theme false}
 :logseq-vim-shortcuts {:version "v0.1.19", :repo "vipzhicheng/logseq-plugin-vim-shortcuts", :effect true, :theme false}
 :logseq-awesome-ui {:version "v2.2.6", :repo "yoyurec/logseq-awesome-ui", :effect true, :theme false}
 :logseq-awesome-styler {:version "v3.7.1", :repo "yoyurec/logseq-awesome-styler", :effect true, :theme false}
 :logseq-fenced-code-plus {:version "0.0.7", :repo "xyhp915/logseq-fenced-code-plus", :effect true, :theme false}
 :logseq-awesome-props {:version "v1.10.0", :repo "yoyurec/logseq-awesome-props", :effect true, :theme false}
 :logseq-awesome-content {:version "v1.2.1", :repo "yoyurec/logseq-awesome-content", :effect true, :theme false}
 :logseq-awesome-links {:version "v1.15.16", :repo "yoyurec/logseq-awesome-links", :effect true, :theme false}
 :logseq-tidy-blocks-plugin {:version "v.1.2.0", :repo "vyleung/logseq-tidy-blocks-plugin", :effect true, :theme false}
 :logseq-tocgen {:version "v2.10.9", :repo "sethyuan/logseq-plugin-tocgen", :effect true, :theme false}
 :logseq-page-tags-and-hierarchy {:version "v2.6.0", :repo "YU000jp/logseq-page-tags-and-hierarchy", :effect true, :theme false}
 :logseq-tabs {:version "v1.19.1", :repo "pengx17/logseq-plugin-tabs", :effect true, :theme false}
 :logseq-copy-code-plugin {:version "v.1.2.0", :repo "vyleung/logseq-copy-code-plugin", :effect true, :theme false}
 }

Let me know if there's anything I can do, thanks again for your great plugin!

Enable booleanHierarchyForFirstLevelOnly option, link display is missing.

Enable booleanHierarchyForFirstLevelOnly option. When the label hierarchy is greater than 4, the following hierarchy cannot be displayed.

My setup is as follows

image

My tag structure

[[first-level/second-level/three-level/four-level]]

image

When I go to three-level, Hierarchy doesn't show four-level.
image

Please support dynamic display of sidebar.

I use the TOC Generator plug-in, which can dynamically display the directory structure in the current page by typing {{renderer :tocgen, *}} in the sidebar directory page.

It would be great if your plug-in can also achieve this function!

Broken layout on Macbook M1 screen

Big monitor:
Screenshot 2023-07-05 at 12 25 09
Macbook M1 monitor:
Screenshot 2023-07-05 at 12 24 58

Something with css-styles.

UDP: After quick research I've found that the problem apparently in
@media screen and (min-width: 1560px). Where is no any rule for screens with less width, and it doesn't show up correctly.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.