Workspace improvements

[BibekBhusal0]

Todos

• Workspace menu is added, change theme is not implemented
• Add workspace button is fixed
• Drag and drop for reordering workspace is added (contain bugs and whole container used as drag handle)
• making drag handle for reordering
• Improve the renaming (double click title to rename)
• Adding the change theme
• Making the tab link copy button
• Emoji picker for icon.
• Improving the styles.

Warning

The tabs in workspace has context menu and if you click pin tab from context menu all the unpinned tabs might be lost after restart.

[12th-devs]

Looking good! I am working on the history pop-up right now. Then I will patch up the downloads manager a bit

[12th-devs]

I really hope ea2a7ba didn't mess anything up

[BibekBhusal0]

I really hope ea2a7ba didn't mess anything up

@Anoms12 I think you mismatched the file, zen-haven.uc.js contain code for section/history

[12th-devs]

@Anoms12 I think you mismatched the file, zen-haven.uc.js contain code for section/history

@BibekBhusal0 shoot, what do I do?

[12th-devs]

Actually, it does not seem like it broke anything looking at it from the WebUI

[BibekBhusal0]

Actually, it does not seem like it broke anything looking at it from the WebUI

You did not broke anything but committed the wrong files.

[BibekBhusal0]

@Anoms12
Don't tell me that you manually copy paste file in JS folder and in github.

[12th-devs]

Ohh, I just pressed a button from refined GitHub, it seems to merge cleanly

[12th-devs]

@Anoms12 Don't tell me that you manually copy paste file in JS folder and in github.

Okay, I don't

I 100% do, I have no clue how to properly set up the local branch in my JS folder, it confuses me. I could use some help...

[BibekBhusal0]

@Anoms12 It is hard, here i how I do it, clone the github repo inside JS folder

git clone https://github.com/Anoms12/

and after that using import.uc.mjs file to import it.

Do you use Github desktop app?

[12th-devs]

@Anoms12 It is hard, here i how I do it, clone the github repo inside JS folder

git clone https://github.com/Anoms12/

and after that using import.uc.mjs file to import it.

Do you use Github desktop app?

Yeah I do, look on Gitter

[12th-devs]

@BibekBhusal0 could you provide a screenshot of the drag handle?

[BibekBhusal0]

@BibekBhusal0 could you provide a screenshot of the drag handle?

I have not added styles, it looks really bad

[BibekBhusal0]

@Anoms12

zen_Nz28Y1NLPb.mp4

[12th-devs]

@BibekBhusal0 could you provide a screenshot of the drag handle?

I have not added styles, it looks really bad

That is okay

[12th-devs]

@BibekBhusal0 It works, it's cool

[12th-devs]

This is a rough goal for the styles. I am unsure how we do this with the transparency, probably just don't make them transparent. Another thing to look at is the shadows

[BibekBhusal0]

@Anoms12
The shadows looks cool.
From the todos for this PR most of easy task has been completed, changing the theme is way harder than I thought it was.

I am going to sleep, If you want to work on styles you are free to do it. I have not changed styles too much, i am going to bed. I will continue tomorrow.

[12th-devs]

@BibekBhusal0 I am working on that. I know how to do the theme (I think) I am just having some issues switching to your branch...

I will also do the new workspace UI

[BibekBhusal0]

I am just having some issues switching to your branch

run this command

git checkout -b BibekBhusal0-workspace main
git pull https://github.com/BibekBhusal0/Zen-Haven.git workspace

[BibekBhusal0]

@Anoms12 I forgot to add this line in css (without this drag handle appears to be broken)

    .haven-workspace {
      position: relative !important;
}

also the close button copies the url, it's icon needs to be changed.

[12th-devs]

I am just having some issues switching to your branch

run this command

git checkout -b BibekBhusal0-workspace main
git pull https://github.com/BibekBhusal0/Zen-Haven.git workspace

@BibekBhusal0 thanks, that worked!

[12th-devs]

@BibekBhusal0 I am moving this to a new PR due to the way I cloned it, I will link that PR here, it will have your commits

[12th-devs]

Continued on #21