Modernize Edge [Scrollbars and other aged parts]

%3CLINGO-SUB%20id%3D%22lingo-sub-2218020%22%20slang%3D%22en-US%22%3EModernize%20Edge%20%5BScrollbars%20and%20other%20aged%20parts%5D%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2218020%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSTRONG%3EThis%20isn't%20really%20a%20problem%20but%20aesthetics%20are%20getting%20more%20important%20nowadays%20which%20includes%20the%20younger%20audience%20who%20use%20software.%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThere%20are%20a%20few%20possible%20ways%3A%3C%2FP%3E%3CUL%3E%3CLI%3ESwitching%20to%20Win%20UI%203%20don't%20know%20about%20the%20mac%20and%20linux%20compatibility%20tho.%3C%2FLI%3E%3CLI%3EImplementing%20your%20own%20UI%20Elements%20using%20the%20web%20rendering%20engine.%20(don't%20know%20how%20stable%20it%20would%20be)%3C%2FLI%3E%3CLI%3EJust%20replace%20the%20parts%20that%20looks%20old%20(Some%20context%20menus%20and%20the%20window%20scrollbar)%3C%2FLI%3E%3C%2FUL%3E%3CP%3E%3CEM%3E%2F%2FSpeed%20improvements%20PLEASE%26nbsp%3B%3C%2FEM%3E%3C%2FP%3E%3CP%3EA%20few%20features%20are%20new%20on%20chromium%20and%20I%20think%20those%20are%20really%20great%20and%20welcome%20%3CSTRONG%3Ebut%20the%20loading%20time%3C%2FSTRONG%3E%20of%20the%20History%20Quickview%20Flyout%20thing%20or%20Downloads%20and%20Collections%20%3CSTRONG%3Eis%20way%20too%20slow%3C%2FSTRONG%3E%20on%20even%20modern%20Hardware%20I%20think%20those%20%3CSTRONG%3Eshould%20be%20preloaded%3C%2FSTRONG%3E%20into%20the%20memory%20according%20to%20the%20frequency%20of%20using%20them%20they%20won't%20take%20that%20much%20space%20in%20memory%20as%20these%20are%20just%20some%20lists.%20But%20in%20case%20there%20isn't%20much%20memory%20on%20user%20side%20don't%20preload%20then%20it's%20fine%20there's%20no%20other%20choice.%26nbsp%3B%3C%2FP%3E%3CP%3EDon't%20preload%20on%20browser%20start%20load%20after%20rendering%20of%20the%20first%20webview.%20(for%20weak%20cpus)%3C%2FP%3E%3CP%3E%3CSTRONG%3EMake%20it%20optional%20so%20everybody%20is%20pleased%20and%20no%20one%20will%20get%20mad%20for%20stealing%20precious%20RAM%20%3CIMG%20class%3D%22lia-deferred-image%20lia-image-emoji%22%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Fhtml%2F%40C7BE33135EA1742D4E0CF1FF00DD009F%2Fimages%2Femoticons%2Fcryingwhilelaughing_anim.gif%22%20alt%3D%22%3Acryingwithlaughter%3A%22%20title%3D%22%3Acryingwithlaughter%3A%22%20%2F%3E%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%2F%2FScrollbars%3A%3C%2FP%3E%3CP%3EI%20always%20see%20the%20possibility%20on%20Geckos%20Side%20to%20change%20the%20main%20window%20scrollbar%20and%20I%20think%20thats%20really%20handy%20for%20every%20web%20designer%20but%20Edge%20isn't%20Gecko%20(Firefox)%20so%20taking%20the%20difficulty%20not%20in%20consideration%20here's%20an%20other%20approach%3A%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EReplace%20the%20%3CSTRONG%3Ecurrent%20scrollbar%3C%2FSTRONG%3E%26nbsp%3Bwith%20a%20modern%20looking%20one%20maybe%20%3CSTRONG%3Ein%20touch%20with%20the%20new%20fluent%20design%3C%2FSTRONG%3E%20guide%20lines%20(round%20edges%20and%20stuff)%3CSTRONG%3E%20and%20recolor%20it%3C%2FSTRONG%3E%20using%20the%20dominant%20color%20of%20the%20website%20making%20it%20slightly%20more%20bright%20or%20dark%20depending%20on%20the%20color%20%3CEM%3E(I%20think%20windows%2010%20already%20does%20that%20really%20well%20so%20u%20could%20ask%20the%20Windows%20Team%20for%20the%20algorithm%20that%20does%20this.)%26nbsp%3B%3C%2FEM%3E%3C%2FP%3E%3CP%3E%3CEM%3EAs%20for%20scrollbars%20inside%20some%20html%20elements%20well%20that's%20not%20an%20issue%20thats%20quite%20easy%20for%20every%20web%20dev%20to%20get%20rid%20of%20cross%20browser%20compatible.%26nbsp%3B%3C%2FEM%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EThat%20would%20be%20a%20real%20deal%20changer%20for%20chromium%20that%20one%20ugly%20piece%20of%20aged%20software%20would%20be%20gone%20forever.%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2218711%22%20slang%3D%22en-US%22%3ERe%3A%20Modernize%20Edge%20%5BScrollbars%20and%20other%20aged%20parts%5D%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2218711%22%20slang%3D%22en-US%22%3Eif%20they%20use%20.NET%206%2C%20MAUI%2C%20it%20will%20support%20corss-platform%20UI%20elements%2C%20but%20not%20sure%20about%20Linux.%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fdevblogs.microsoft.com%2Fxamarin%2Fthe-new-net-multi-platform-app-ui-maui%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdevblogs.microsoft.com%2Fxamarin%2Fthe-new-net-multi-platform-app-ui-maui%2F%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EWin%20UI%203%20and%20XAML%20elements%20will%20definitely%20make%20it%20more%20beautiful.%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

This isn't really a problem but aesthetics are getting more important nowadays which includes the younger audience who use software.

 

There are a few possible ways:

  • Switching to Win UI 3 don't know about the mac and linux compatibility tho.
  • Implementing your own UI Elements using the web rendering engine. (don't know how stable it would be)
  • Just replace the parts that looks old (Some context menus and the window scrollbar)

//Speed improvements PLEASE 

A few features are new on chromium and I think those are really great and welcome but the loading time of the History Quickview Flyout thing or Downloads and Collections is way too slow on even modern Hardware I think those should be preloaded into the memory according to the frequency of using them they won't take that much space in memory as these are just some lists. But in case there isn't much memory on user side don't preload then it's fine there's no other choice. 

Don't preload on browser start load after rendering of the first webview. (for weak cpus)

Make it optional so everybody is pleased and no one will get mad for stealing precious RAM :cryingwithlaughter:

 

//Scrollbars:

I always see the possibility on Geckos Side to change the main window scrollbar and I think thats really handy for every web designer but Edge isn't Gecko (Firefox) so taking the difficulty not in consideration here's an other approach: 

 

Replace the current scrollbar with a modern looking one maybe in touch with the new fluent design guide lines (round edges and stuff) and recolor it using the dominant color of the website making it slightly more bright or dark depending on the color (I think windows 10 already does that really well so u could ask the Windows Team for the algorithm that does this.) 

As for scrollbars inside some html elements well that's not an issue thats quite easy for every web dev to get rid of cross browser compatible. 

 

That would be a real deal changer for chromium that one ugly piece of aged software would be gone forever.

 

3 Replies
if they use .NET 6, MAUI, it will support corss-platform UI elements, but not sure about Linux.
https://devblogs.microsoft.com/xamarin/the-new-net-multi-platform-app-ui-maui/

Win UI 3 and XAML elements will definitely make it more beautiful.

I agree to your point in speeding up the edge chromium's approach. The flyouts are very slow and there should be a toggle button to turn off the preloading of these depending on the hardware.

Microsoft should work out on this piece.
No more toggles please. There are already many. Edge should work same on all hardware. It is a good thing that edge doesn't have a battery saver toggle like Opera GX.

I would like to see Edge UI natively written atleast on Windows 10. The current UI is a huge letdown compared to slim, stylish and clutterfree EdgeHTML based legacy version.

The UI freezes. A lot. Collections and history panels are slow to open. Opening collections sometimes kicks the fans in my laptop.

Can the edge UI be as native as minimize and close options on top right corner of display are? These options work always, edge UI does not, they look sharp, edge UI looks blurry.

You don't have to hardcode the engine in the OS, I get that was the main reason for switching to chromium in the first place, but you can definitely write the UI 'more natively'.

To what extent? I don't know. I guess if it was possible you'd make edge a fluent application on windows. But still this needs to be looked.

The current UI is ugly. Edge legacy was the only browser ever made that looked like, say, a fashion designer might use. Chromium edge, firefox and chrome look like something a nerd would use, or an IT guy.

A design you 'make on the move' of course won't look like something you conceived from the sratch. But you can try to make it more bearable, for those of us who liked edge (original) more than chrome.