Welcome page reskin (#9491)

* adds icons for welcome page

* updates markup and styles for welcome page

* updates color registry with welcome page colors

* updates styles for welcome page

* updates markup for welcome page

* updates theming styles for welcome page and adds date since last opened functionality on history items

* adds all icons and images for welcome page

* updates markup for welcome page

* updates styles for welcome page

* updates color registry with welcome page styles

* updates welcome page icons with microsoft flag and dark theme home banner

* updates welcome page markup

* updates dynamically generated extension list

* updates styles for welcome page

* updates markup for welcome page

* adds dynamic lists for extension pack individual extensions

* updates icons for welcome page

* updates styles for welcome page

* updates welcome page styles

* updates theme colors

* updates markup for welcome page

* updates color registry with welcomepage colors

* updates sql.de.xlf with copy for welcome page

* reverts generated file

* updates welcome page styles

* updates extension pack copy casing

* updates color registry with welcome page styles

* updates welcome page markup

* adds welcome page icons

* updates welcome page markup

* updates welcome page icons

* updates welcome page styles

* reverts color registry in vs folder to original state

* moves color registry to sql folder

* removes dead code, localizes dates

* updates welcome page styles

* moves all colors from css to color registry

* updates styles by removing all colors

* removes stat import because of laying issue, adds color registry colors to welcomePage

* updates welcome page font sizes to ems

* updates localized strings

* removes unnecessary comment

* removes double quotes around string key for single quotes

* updates welcome page styles

* updates color registry

* updates welcome page markup

* adds dropdown button functionality

* adds centering classes for installed button text

* updates welcome page styles

* updates markup and styles for welcome page

* removes icon attempt from color registry

* removes theme specific icon svgs for theme specific icon css

* removes unused import

* removes console.log

* adds back mac new file button

* removes unused rules

* updates markup

* updates markup

* updates extension links to link to extensions in ADS

* pulls in changes from welcome-page-reskin-anthonydresser

* adds back code-icon to vs folder

* reverts welcomePage.css

* removes duplicate color registry variables

* fixes icon overlap on text for mac

* removes null import

* updates welcome page styles for mac

* updates welcome page images to use sql folder

* updates welcome page markup

* updates welcome page styles

* updates styles

* updates files paths

* delete images from sql folder

* updates icons

* updates welcome page styles

* updates preview popup

* updates markup for accessibility

* adds hover state to tiles

* updates dropdown

* fixes line-height issue

* updates class names

* updates keyboard accessibility for tooltip

* format document

* updates accessibility for preview tooltip

* removes whitespace

* updates preview modal accessibility

* adds aria labels to popup and tooltip

* removes max-width for zoom

* removes escaped strings, adds keycodes to promises, marks function as async and has the return as the signature of the function

* moves keycoes to class, removes comment

* fixes promise

* testing promise

* testing promise

* promise test

* localizes copy

* uses keycode import

* removes unnecessary arguments

* formating

* refactor constructor into async function called by constructor

* attempts to fix floating promise

* removes floating promise

* moves icons and images to sql folder, removes unused icons

* uses icons already existing in ads

* updates styles

* updates color registry

* updates keycode events

* fixes issues per charles comments

* moves icons to media folder

* updates image file paths

* updates file path

* adds href to extension pack extensions

* fixes links

* fixes issues per alan's comments

* uses exisiting colors from color registry

* updates welcome page to use existing colors from color registry

* updates dark theme

* updates color registry

* updates dark theme

* formats css

* fixes dropdown arrow icon on mac

Co-authored-by: Anthony Dresser <andresse@microsoft.com>
This commit is contained in:
v-bbrady
2020-04-03 09:24:20 -07:00
committed by GitHub
parent 87b892d13f
commit 177a58c81d
30 changed files with 3440 additions and 67 deletions

View File

@@ -0,0 +1,14 @@
<svg width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.9042 27.0004V44.9315C18.9042 46.646 17.4671 48.6463 15.7425 49.3607C14.9521 49.7179 14.2335 49.7179 13.6587 49.4321C13.6587 49.4321 38.5928 63.7912 39.1676 64.077C39.7425 64.4342 40.5329 64.4342 41.3951 64.077C43.1197 63.3626 44.5568 61.3623 44.5568 59.6478V41.7882" fill="#0078D4"/>
<path d="M49.8741 15.213C49.8741 15.213 29.8981 3.7114 25.2993 1.06818V4.71154L51.0238 19.4993V17.3562C50.952 16.2132 50.5208 15.4988 49.8741 15.213Z" fill="#CDCDD0"/>
<path d="M44.6282 41.7882V20.9996C44.6282 18.9993 46.0653 16.5704 47.7899 15.4988C48.5803 15.0702 49.2989 14.9987 49.8737 15.2131C49.8737 15.2131 24.9396 0.853903 24.3648 0.568149C23.7899 0.210956 22.9995 0.282391 22.1373 0.782461C20.4127 1.7826 18.9756 4.21152 18.9756 6.28323V27.0719" fill="#0078D4"/>
<path d="M40.6773 36.8589L22.7852 26.5718V25.2144L40.6773 35.5016V36.8589Z" fill="#50E6FF"/>
<path d="M40.6768 40.2885L22.7847 30.0014V28.6441L40.6768 38.9312V40.2885Z" fill="#50E6FF"/>
<path d="M40.6768 43.717L22.7847 33.5013V32.144L40.6768 42.3597V43.717Z" fill="#50E6FF"/>
<path d="M40.6768 47.2181L22.7847 36.931V35.5736L40.6768 45.8608V47.2181Z" fill="#50E6FF"/>
<path d="M32.5571 46.0031L22.7847 40.4309V39.0735L32.5571 44.6458V46.0031Z" fill="#50E6FF"/>
<path d="M40.6773 23.1728L22.7852 12.8856V11.5283L40.6773 21.8154V23.1728Z" fill="#50E6FF"/>
<path d="M40.6768 26.6024L22.7847 16.3152V14.9579L40.6768 25.245V26.6024Z" fill="#50E6FF"/>
<path d="M40.6768 30.0308L22.7847 19.8151V18.4578L40.6768 28.6735V30.0308Z" fill="#50E6FF"/>
<path d="M40.6768 33.5319L22.7847 23.2448V21.8875L40.6768 32.1746V33.5319Z" fill="#50E6FF"/>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB