aboutsummaryrefslogtreecommitdiff
path: root/src/app/main.css
AgeCommit message (Collapse)Author
2022-04-13the user can now manually select a language0neGal
This allows someone to have their system in any language, and then have Viper in a separate language. This is also useful for testing.
2022-03-26added tiny checkmark to filter selection0neGal
Slightly better UX I guess?
2022-03-26added filters0neGal
Fully implemented (I think? Maybe there's an edge case?), albeit it's missing "Updateable" and "Installed" filters, but they'll be added later
2022-03-10fixed toast errors having no background color0neGal
2022-02-24localized all strings0neGal
I localized all strings for English, then went ahead and made array options have a wider input and more word spacing, since they're all space separated.
2022-02-20more UI changes0neGal
I added descriptions and options for excluding files.
2022-02-20initial work on settings page0neGal
This only has the actual UI for the settings page in place, no actual functionality has been implemented yet. I made several changes not directly related to the settings page, such as changes the CSS color variables to use RGB, as to easily add an alpha channel to colors. I also changed the way the Browser is toggled in some respects and many other changes that makes it easy to re-use the browser code to create the settings UI
2022-02-18basic drag and drop support0neGal
Since apparently dragleave and dragenter don't quite work as intended we have to resort to this obscure method which should work just fine on the user's end.
2022-02-08added toasts for installation of mods0neGal
It'll notify of incorrectly formatted mods, it'll also notify on errors and on success.
2022-02-08added toasts0neGal
No functional toasts yet, just the code for them, I'll add the actual toasts later...
2022-02-08fixed window buttons not able to be clicked0neGal
Also fixes section buttons not being able to be clicked.
2022-02-07fixed drag control0neGal
I think? I don't know how it was originally, currently now you can drag on the top most of the window and in the left most, unfortunately not inside the various pages. It would probably be possible to do that, but I've not made it do as such, and if it needs to be changed it won't be me doing it.
2022-02-05various changes, aesthetic and functionality0neGal
This should fix the window drag not working, however I cannot test that. As my WM doesn't support it, a Windows contributor will have to test it. I also added an info button that opens the mod's page in your web browser, this button is of course localized, along with that I localized the placeholder in the search input. There's also a few general aesthetic changes, like adding a tiny border around #modsdiv and #browser.
2022-02-05moved author position, and fixed text overflowing0neGal
2022-02-05implemented limit to loading packages0neGal
I have no clue if 50 packages is too small or too, big, we'll adjust this the more mods that arrive. I also made the browser auto scroll to the top when closed, it looks far better.
2022-02-05fixed #bgHolder not covering entire backgroundGitExample
-1px should be enough, however to make sure I made it -5px instead.
2022-02-03version numbersGitExample
These should've been here from the start, and I don't know why I didn't add them in the start, I'm very dumb.
2022-01-23minor aesthetic changes0neGal
2022-01-23added "Find Mods" button0neGal
2022-01-23added loading, close button, element fadein etc0neGal
To show the loading simply do Browser.loading(), when a BrowserEl() is made it auto removes it. The loading and BrowserEl's will fade into view instead of popping in instantly. And then now there's a tiny close button, as it may not be obvious you can click the dark overlay or click Escape.
2022-01-21actually loads thunderstore now0neGal
2022-01-20added fallback icon, and ways to close the browser0neGal
You can either click "Escape" or simply click on the darkened background and it'll then close it. Ideally the fallback icon should never be shown, and it is more for testing. I also added a search bar that does nothing currently.
2022-01-20initial commit on thunderstore support0neGal
Only frontend stuff, nothing that queries Thunderstore.
2022-01-17added minimize button0neGal
2022-01-15fix scroll overflow0neGal
2022-01-12feat: New UI (#26)Rémy Raes
* [chore] removing setsize mechanism * [feat] adding new html skeleton * [feat] adding games icon buttons * [feat] all icon buttons have same size * [fix] games container width varies between 95 and 120px * [feat] displaying bg image * [feat] each game has its own background image * [feat] adding content skeleton * [feat] window has no frame anymore * [feat] buttons show related content only * [feat] displaying viper release notes * [feat] game icons are vertically centered * [feat] background is a bit grayed out * [feat] adding some items to games menus * [feat] displaying games logos * [feat] adding content menu active item indicator * [fix] centering active item indicator * [feat] not displaying viper credits by default * [feat] viper categories can be browsed through via menu * [feat] adjusting hovering style of menu items * [feat] adding play button styles * [feat] adding missing vp sections * [feat] adding link styles * [fix] scaling down northstar logo * [feat] adding ns sections * [feat] fetching northstar release notes * [fix] release notes containers are scrollable * [feat] removing space between menu and some sections * [feat] loading vp+ns versions into interface * [chore] pushing version to 0.10.0 * [feat] play buttons launch games * [refactor] renaming vp releases fetching method * [feat] displaying an option to update northstar * [feat] message is displayed if ns is up-to-date * [feat] displaying ns download progress * [refactor] removing ns-updating and ns-updated events * [feat] adding UI translations * [fix] correctly displaying vp release notes * [refactor] removing useless code * [feat] adding Imply to credits for viper logo * [feat] loading titanfall version from gameversion.txt file * [feat] centering viper main section * [feat] adding custom scrollbars to release notes sections * [feat] disabling images drag * [feat] all external links are opened in default browser * [feat] formatting release notes with markdown converter * [feat] translating UI items * fixed backgrounds not being same size This would cause weird transitions. * new.css is now main.css, fixed colors and fonts * page indicator is now prettier We no longer use a character to render a circle, and it's no longer a circle, instead it's a line, we also now have a nice transition on it, both for fading in and out. * removed simplebar in favor of ::-webkit-scrollbar Almost everything we did with simplerbar could be done with native WebKit scollbar CSS, hence why we switched to it. * fixed uneven nav button margin * fixed formatting Single quotes to double quotes, spaces to tabs, etc etc... I also removed simplerbar properly... * removed unneeded consts Elements set with ID's can by default be referred to with their ID, aka: const element = document.getElementById("element"); Is useless as "element" will automatically refer to that element if theres no variable that overwrites it. * use release name over tag_name "Release vX.X.X" frankly looks better than "vX.X.X" * playBtn's now look nicer Slight transition on hover and click. * added pointer cursors to nav buttons and playBtn's Along with transitions to the nav buttons, because they look very good. * [fix] viper main section appears correctly on viper logo clicked * different opacity for inactive pages * removed "Roboto Mono", added normal "Roboto" * removed old HTML * fixed formatting in launcher.js * redesigned contentContainer's, and a lot more I also swapped around the Vanilla logo and Northstar logo to have the same size and the "Titanfall 2" text is in the same place on both images, allowing seamless transition when changing pages. I also completely redesigned displayContent(), it's now page() and doesn't revolve around a switch case. I'll likely do a similar thing with showVpSection() and showNsSection(), uniting them into one function that doesn't use switch cases. * added close button * fix game icons not being found * removed excess icons from assets folder * [feat] adding a br to french releases key * [feat] centering menu items * [feat] implementing requests cache for NS release notes * [feat] implementing cache for VP release notes * changed ttf2 to tf2 Along with that, I also renamed the northstar2.jpeg bg to just northstar.jpg, as all other background are .jpg * [fix] adjusting containers * [fix] adding some space between menu and content Since we have lots of space to use now, let's use it! This extra-space does not apply to release notes sections, which already takes all available screen space. * [feat] adding code style * [fix] window is draggable thanks to a drag bar on its top * [fix] drag bar height * [fix] all window is draggable * [fix] not disabling game buttons on ns update * [fix] disabled buttons cannot be clicked * [fix] displaying ns update downloading state on UI * [fix] typos * general improvements to the UI Launch buttons now have a nice gradient, a shadow and a better hover animation. The Titanfall logos are now also centered no matter the window size, so if in the future we decide to allow resizing the window that won't be a problem, or if you force the window to do it through some trickery, it'll also still show correctly. I also changed the default font weight to 500, some pieces of text looked very thin. * unified information and credits section * mods section should more or less look good now Still not complete done, I still wanna implement a drag and drop install, along with selecting whether you're installing a zip or folder. And also a warning when toggling or removing required mods... But generally this is the design I will go with. * added warnings for toggling/removing core mods * [feat] adding missing translations * [fix] typo in gui.mods.disabledtag french translation * re-added download progress * added section transitions * switched to npm module for markdown parsing * correcting some formatting, nothing special * active page button is now more obvious Co-authored-by: 0neGal <mail@0negal.com>
2022-01-10[fix] updating correct buttonsRemy Raes
2022-01-03mod view now has a constant size0neGal
Along with the ability to scroll it!
2022-01-03improved visuals of disabled tag0neGal
2022-01-02toggling, removing and installing mods works0neGal
Mostly, the installing part needs a bit more look at, to support archives and different layouts for the mod. Such as searching through an archive to find the right folder because some mods don't use a proper layout. I also somewhat mitigated the whole issue of JSON files not being formatted properly by the mod developer (please just fix your formatting, I beg you.) by simply assigning the absolute basics, however we can't know the versions of the mods. I am not going to go out of my way to write code which can parse a file that wasn't made to be parsed because whoever wrote it doesn't know what a JSON file is made of. Simply not happening. I also added a few locatiolization related things, along with more info for --mods, so besides the normal counter for "Installed mods" you also have "Enabled mods" and "Disabled mods", very useful. The GUI also has a new added "Disabled" tag to mods that are disabled, however this is a temporary, it looks bad and I don't want it in release, I just needed a way to distinquish when testing. Because you can now also enable and disable mods, mods.list() gives back an Object that goes more or less something like: {all: ..., enabled: ..., disabled: ... }, take your guesses as to what everything means, you might even get it in the first try.
2021-12-31Merge branch 'main' of 0neGal/viper into mod-support0neGal
2021-12-31added remove and toggle mod/all mods0neGal
2021-12-31fixed padding on welcome text and added <nobr>'s0neGal
2021-12-31Merge branch 'feat/version-indicator' of https://github.com/Alystrasz/viper ↵0neGal
into Alystrasz-feat/version-indicator
2021-12-30Merge branch 'main' into mod-support0neGal
2021-12-30user-select: none, on element that need it0neGal
2021-12-30first-ish draft of the mod UI and utils0neGal
2021-12-30Merge branch 'main' into feat/version-indicator0neGal
2021-12-30buttons now disable when updating, and app logs0neGal
The buttons in the GUI disable whilst you're updating Northstar and potentionally doing other things in the future, I also added a way to log things in the app, albeit it just prints it in the "Welcome to Viper!" part of the app, which is just fine. I also added all the needed language strings for the GUI logs and removed "gui.missinggamepath" as we use it for both the CLI and GUI even tho "general.missinggamepath" exists, and so we now use the general one for both, as the messages are the same.
2021-12-30version now refreshes, fixed and renamed stuff0neGal
The version now refreshes when you update/install Northstar, I renamed vpVersion/nsVersion to just vpversion/nsversion and getInstalledVersion() to getNSVersion(), removed uses of getElementById() with just the ID. I also added English localization. The versions text color is now bound by a CSS variable (we may use it in the future again). I'm also not sure what the point of `style="white-space: nowrap;"` was, as I don't see much of a difference? Rather instead use `<nobr>` in the lang file if needed. Besides that I did tiny code cleanup.
2021-12-30Merge branch 'main' into feat/version-indicatorAlystrasz
2021-12-29make sure <nobr> doesn't get deprecated0neGal
2021-12-29proper responsiveness for all languages0neGal
This should more or less ensure everything remains responsive even if the language is one with very long strings.
2021-12-29[feat] adding version indicators on the UIAlystrasz
2021-12-27added light mode, the superior mode0neGal
This uses your system appearance to figure out which one to use. Meaning the people with dark mode enabled on Windows or through their GTK/QT theme will still see dark mode...
2021-12-27added roboto font locally0neGal
This means systems (like most Windows installs) that don't have the font can still be allowed to see it in all it's glory.
2021-12-27made the app prettier on windows0neGal
I removed the titlebar, which I already had gone on my Linux system, besides that I also made it so the body of Viper can be held down to drag it around. And then added an exit button.
2021-12-25pretty hover animations0neGal
2021-12-25basic frontend0neGal