Author Topic: Ice Redesign  (Read 1014 times)

Offline pizzalovingnerd

  • Developer
  • Member
  • *****
  • Posts: 172
  • Karma: 41
  • CS:GO Addict
    • View Profile
    • My Website
Ice Redesign
« on: April 16, 2020, 04:12:16 pm »
Hello.

I have never liked Ice's UI because I feel like it's not very compact. The buttons on it are super big, and there is a ton of empty space.

I would also like to make Ice compatible with Linux Mobile OSes in the future, such as pureOS, and UBports, and the current design doesn't work for that. So I made a new design in order to make it more compact.

The new design is on the left, and the old one is on the right.



Here is the list of changes I made:
  • Moved Create and Remove tabs to the headerbar using a Stack and Stackswitcher
  • Opted for a new grid based layout instead of Vboxes and Hboxes. This should make future UI changes much easier
  • Made the UI more compact
  • Removed the welcome to Ice text
  • Removed the close button because you can close it by using the X button on the window manager
  • Now you can remove Ice SSBs with a double click, instead of selecting, and removing with the remove button



UPDATE: Switched the remove in review to be double click to remove instead of single click.

UPDATE 2: Added a deb file for those who want to try it out. https://github.com/borderOS/ice/releases/tag/8.0.0a

Let me know what you guys think.
« Last Edit: April 16, 2020, 05:46:10 pm by pizzalovingnerd »
- PizzaLovingNerd

Offline pizzalovingnerd

  • Developer
  • Member
  • *****
  • Posts: 172
  • Karma: 41
  • CS:GO Addict
    • View Profile
    • My Website
Re: Ice Redesign
« Reply #1 on: April 16, 2020, 05:46:33 pm »
I added a deb file for those who want to try this.

https://github.com/borderOS/ice/releases/tag/8.0.0a
- PizzaLovingNerd

Offline danielson

  • Jr. Member
  • **
  • Posts: 39
  • Karma: 4
  • Still a new forum user
    • View Profile
  • Peppermint version(s): 10
Re: Ice Redesign
« Reply #2 on: April 16, 2020, 06:17:49 pm »
Would very much like to try, but have never done this before.
Downloaded the file, double-clicked on it and get this message:


 

Offline The feren OS Developer

  • Developer
  • Member
  • *****
  • Posts: 132
  • Karma: 29
  • The one
    • View Profile
Re: Ice Redesign
« Reply #3 on: April 16, 2020, 06:26:44 pm »
To be honest, I think I have a better design idea for the Remove page, which is very likely possible since Pamac does it (think Pamac's package listing style heavily when I outline my design idea as it's heavily based off that):

Have Remove be a standard list, like in Pamac's package lists, with the following:
(Browser Icon here across all the lines) SSB Shortcut's Name Here (bold formatting)
                                                                      Browser Name Here                                                  [ edit-delete-symbolic ] <(clicking this would remove the SSB in this overall list item)
                                                                      URL here

Clicking anywhere else on the list item would not remove it, and maybe for extra phone space saving only make the edit-delete-symbolic icon visible on hover of the list item.

I don't know how this'd be done, personally, but given that Pamac has done it it sure is possible to do, so good luck if you want to try that idea out.

Offline The feren OS Developer

  • Developer
  • Member
  • *****
  • Posts: 132
  • Karma: 29
  • The one
    • View Profile
Re: Ice Redesign
« Reply #4 on: April 16, 2020, 06:28:08 pm »
Would very much like to try, but have never done this before.
Downloaded the file, double-clicked on it and get this message:


 


Ignore that dialog and hit "Install Package".

Offline danielson

  • Jr. Member
  • **
  • Posts: 39
  • Karma: 4
  • Still a new forum user
    • View Profile
  • Peppermint version(s): 10
Re: Ice Redesign
« Reply #5 on: April 16, 2020, 06:46:04 pm »
Got it. Thanks!

Offline pizzalovingnerd

  • Developer
  • Member
  • *****
  • Posts: 172
  • Karma: 41
  • CS:GO Addict
    • View Profile
    • My Website
Re: Ice Redesign
« Reply #6 on: April 17, 2020, 10:41:23 pm »
Would it be a good idea to integrate the ice store into this design?
- PizzaLovingNerd

Offline spence

  • Administrator
  • Hero
  • *****
  • Posts: 2950
  • Karma: 335
  • peppermint user since 2010
    • View Profile
  • Peppermint version(s): PMVII, PMVIII, PMIX, PMX Respins
Re: Ice Redesign
« Reply #7 on: April 18, 2020, 10:13:56 am »
I am really liking where you are headed with all of this @pizzalovingnerd!!! I for one am A-OKay with integrating your new version into whatever comes next for peppermintOS.

 8)
spence
PeppermintOS 8,9 & 10 Respins currently installed  on:
'16 Antec Aria rebuild
PMX Respin on '18 Asus VivoBook


Do not despair, grasshopper...
    with patience all will be revealed...
       Through pain, enlightenment will come.

Offline pizzalovingnerd

  • Developer
  • Member
  • *****
  • Posts: 172
  • Karma: 41
  • CS:GO Addict
    • View Profile
    • My Website
Re: Ice Redesign
« Reply #8 on: April 18, 2020, 12:23:34 pm »
To be honest, I think I have a better design idea for the Remove page, which is very likely possible since Pamac does it (think Pamac's package listing style heavily when I outline my design idea as it's heavily based off that):

Have Remove be a standard list, like in Pamac's package lists, with the following:
(Browser Icon here across all the lines) SSB Shortcut's Name Here (bold formatting)
                                                                      Browser Name Here                                                  [ edit-delete-symbolic ] <(clicking this would remove the SSB in this overall list item)
                                                                      URL here

Clicking anywhere else on the list item would not remove it, and maybe for extra phone space saving only make the edit-delete-symbolic icon visible on hover of the list item.

I don't know how this'd be done, personally, but given that Pamac has done it it sure is possible to do, so good luck if you want to try that idea out.

Would very much like to try, but have never done this before.
Downloaded the file, double-clicked on it and get this message:


 


VERY IMPORTANT
I made a mistake in packaging, and there's an extra file in the root directory. To fix it, type
sudo rm /..deb
- PizzaLovingNerd

Offline compicat

  • Newly Subscribed
  • *
  • Posts: 9
  • Karma: 1
  • New Forum User
    • View Profile
  • Peppermint version(s): Peppermint 10
Re: Ice Redesign
« Reply #9 on: April 25, 2020, 10:13:48 am »
To be honest, I think I have a better design idea for the Remove page, which is very likely possible since Pamac does it (think Pamac's package listing style heavily when I outline my design idea as it's heavily based off that):

Have Remove be a standard list, like in Pamac's package lists, with the following:
(Browser Icon here across all the lines) SSB Shortcut's Name Here (bold formatting)
                                                                      Browser Name Here                                                  [ edit-delete-symbolic ] <(clicking this would remove the SSB in this overall list item)
                                                                      URL here

Clicking anywhere else on the list item would not remove it, and maybe for extra phone space saving only make the edit-delete-symbolic icon visible on hover of the list item.

I don't know how this'd be done, personally, but given that Pamac has done it it sure is possible to do, so good luck if you want to try that idea out.

Would very much like to try, but have never done this before.
Downloaded the file, double-clicked on it and get this message:


 


VERY IMPORTANT
I made a mistake in packaging, and there's an extra file in the root directory. To fix it, type
sudo rm /..deb

@pizzalovingnerd, thanks for good design. have fixed he last alpha package for ice? If i try the one in github, it is not adding from ice store.

Offline pizzalovingnerd

  • Developer
  • Member
  • *****
  • Posts: 172
  • Karma: 41
  • CS:GO Addict
    • View Profile
    • My Website
Re: Ice Redesign
« Reply #10 on: April 25, 2020, 07:22:02 pm »
Sorry I forgot about this redesign because I was working on an app for PureOS Mobile.

Here's a new deb. I also added GNOME Web support.
https://github.com/borderOS/ice/releases/tag/8.0.0
- PizzaLovingNerd

Offline compicat

  • Newly Subscribed
  • *
  • Posts: 9
  • Karma: 1
  • New Forum User
    • View Profile
  • Peppermint version(s): Peppermint 10
Re: Ice Redesign
« Reply #11 on: April 25, 2020, 07:58:30 pm »
Sorry I forgot about this redesign because I was working on an app for PureOS Mobile.

Here's a new deb. I also added GNOME Web support.
https://github.com/borderOS/ice/releases/tag/8.0.0

Thank you so much. Will continue to follow.