firefoxux / photon-library Goto Github PK

The old logo is being used throughout the library (e.g. in the favicons):

The alignment in this row is off:

eg macOS 10.14 (Requires Sketch 51 or greater)

Now that the small text in the control center is grey, the sketch files need updating..

The sidebar element in the library is a smaller width than the sidebar that comes grouped in the browser. They should probably be the same for consistency.

An example of the awesome bar in action would be a super helpful addition to this library.

The cancel and save buttons in this component isn't vertically centered to the button. Also the text box should be vertically centered so the text is centered to the button when it's resized. Right now it's aligned to the top of the text box. Thanks!

From @sevaan, see FirefoxUX/photon#306

I can find lots of examples of unchecked checkboxes in our Windows 10 library sketch file, but none showing a checked box.

I can't recreate it manually because the checkmark icon available for download is a different shape to the one in the examples.

do it

Hi,

It would be great to have dark theme versions of the icons found in the sidebar and toolbar in the Library. Thanks!

Under Prototype (Browser Window), add a window with an about:preferences page.

Doing some work on the Downloads panel and it doesn't exist in the Library. There is a Downloads view in the Library section on the Menu, but no actual downloads panel.

The DSG guideline states buttons are 32px high and minimum width is 132px. The button component doesn't match (30px x 150px)

Thanks!

See https://github.com/FirefoxUX/photon-colors/blob/master/photon-colors.json#L10-L11

See https://github.com/FirefoxUX/photon-colors/blob/master/photon-colors.json#L79-L81

Please add a menu state with the user account signed in. Thanks!

We noticed that the In Content library and the Windows 10 libraries have some overlaps, like for primary buttons. What if atomic elements live in the base library? Or do you have a better solution maybe?

In the Windows 10 Libaries Application Menu, the last entry is missing.
This is what it looks like on Windows:

Here is an updated Application Menu I use:
WindowsApplicationMenuUpdate.zip
(I also fixed the Shortcuts to be Windows Shortcuts and added an ellipsis to Customize)

Currently there is a browser component and a sidebar component. If I add the sidebar component over the browser, the content is blocked and I have to detach symbols to resize it correctly.

Need a version for sidebar on the left and a version for the right.

Bookmark Toolbar needs to be put in the mac version

In the changelog notes of Sketch 51, Bohemian Coding quietly announced that Sketch now supports “a URL protocol for adding Sketch Libraries backed by RSS feeds to Sketch”.

https://medium.com/@almonk/how-to-automatically-update-your-sketch-libraries-using-rss-1a6b6be3d72f

In the Windows 10 template this text element uses Open Sans while the rest use Segoe.

In the Windows 10 library, Panels / ~Parts / Footer / Button [Primary] has a rounded corner in the bottom right. For Windows it should be square.
primary button.zip

We could leverage the new Sketch feature to import sets of data like screenshots, favicons, URLs, website titles, strings and more.

We could also build a Sketch plugin to pull data out of a server if we want to explore using real data.

Need a radio button in the input controls folder.

Add mobile icons to the base library so that it serve as unique source of truth for icons, fill styles and text styles for the other platform specific libraries.

Hi,

I've asked (#ux on IRC) if there was more recent mockups than the one on the Wiki and bwinton suggested me to open an issue here.

So my question is : Would it be possible to have access to the SVG and/or Sketch files you use for Firefox?

Thanks,

Some menu options cause a panel to slideover in the application menu. We should have an example of that to build off of. Thanks!