search

primary-theme / obsidian

Comfy, playful but productive theme for Obsidian. "Primary instantly puts you in a relaxed state that opens the door to creativity and exploration. Wonderfully executed down to the smallest details,"
GNU General Public License v3.0
846 stars 38 forks source link

Side-bar items are moved on every ui update in Obsidian Version 1.3.4 #179

Open edwardremo-chromedia opened 1 year ago

edwardremo-chromedia commented 1 year ago

Screenshot 2023-05-25 at 11 26 42

David-Carlson commented 1 year ago

I think I'm having a similar issue: opening/closing folders causes the folder and items below to keep moving right, making it basically impossible to use the folder sidebar. Screenshot from 2023-06-13 22-58-31

JustinThomason commented 1 year ago

I'm also having this exact issue with the file sidebar. It is VERY frustrating as I love Primary and use it as my daily driver.

codeway-0841 commented 9 months ago

I also had similar problems, it's very confusing, it needs to be fixed from scratch

patrickchan911 commented 8 months ago

I don't understand why change the CSS will cause this issue. Looks like some scripts are executed based on some theme parameters.

Lordeblader commented 7 months ago

I found out that removing the transition property from some classes fixes it. Here's a quick css snipet that should work:

.nav-folder-title,
.nav-file-title {
  transition: none;
}

.tree-item-self {
  transition: none;
}

.tree-item-self .tree-item-icon {
  margin-left: -20px;
}

.tree-item-children:not(.graph-control-section .tree-item-children) {
  margin-left: 0;
}

.tree-item-children:not(.graph-control-section .tree-item-children) .tree-item {
  margin-left: 0;
}
DevGhazia commented 6 months ago

I found out that removing the transition property from some classes fixes it. Here's a quick css snipet that should work:

.nav-folder-title,
.nav-file-title {
  transition: none;
}

.tree-item-self {
  transition: none;
}

.tree-item-self .tree-item-icon {
  margin-left: -20px;
}

.tree-item-children:not(.graph-control-section .tree-item-children) {
  margin-left: 0;
}

.tree-item-children:not(.graph-control-section .tree-item-children) .tree-item {
  margin-left: 0;
}

Thanks this worked!

JustinThomason commented 4 months ago

I found out that removing the transition property from some classes fixes it. Here's a quick css snipet that should work:

.nav-folder-title,
.nav-file-title {
  transition: none;
}

.tree-item-self {
  transition: none;
}

.tree-item-self .tree-item-icon {
  margin-left: -20px;
}

.tree-item-children:not(.graph-control-section .tree-item-children) {
  margin-left: 0;
}

.tree-item-children:not(.graph-control-section .tree-item-children) .tree-item {
  margin-left: 0;
}

Woo hoo!! Thanks so much!