ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-13 17:22:15 -05:00
Code Issues Packages Projects Releases Wiki Activity

Bbrady/welcome page focus contrast #10616 (#11233)

Browse Source 
* fixes focus \color contrast for welcome page

* removes dead code

* removes dead css

* merge

* merge
This commit is contained in:
v-bbrady
2020-07-15 14:16:53 -07:00
committed by GitHub
parent f4a4127471
commit 0fa23eb3b5
3 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/sql/workbench/contrib/welcome/page/browser/az_data_welcome_page.ts
View File

@@ -51,7 +51,7 @@ export default () => `
</div>
<div class="row header-bottom-nav-tiles ads-grid">
<div class="col">
<a class="header-bottom-nav-tile-link ads-welcome-page-link" href="command:registeredServers.addConnection">
<a class="header-bottom-nav-tile-link" href="command:registeredServers.addConnection">
<div class="header-bottom-nav-tile tile tile-connection">
<h3>${escape(localize('welcomePage.createConnection', "Create a connection"))}</h3>
<p>${escape(localize('welcomePage.createConnectionBody', "Connect to a database instance through the connection dialog."))}</p>
@@ -60,7 +60,7 @@ export default () => `
</a>
</div>
<div class="col">
<a class="header-bottom-nav-tile-link ads-welcome-page-link"
<a class="header-bottom-nav-tile-link"
href="command:workbench.action.files.newUntitledFile">
<div class="header-bottom-nav-tile tile tile-query">
<h3>${escape(localize('welcomePage.runQuery', "Run a query"))}</h3>
@@ -70,7 +70,7 @@ export default () => `
</a>
</div>
<div class="col">
<a class="header-bottom-nav-tile-link ads-welcome-page-link" href="command:notebook.command.new">
<a class="header-bottom-nav-tile-link" href="command:notebook.command.new">
<div class="header-bottom-nav-tile tile tile-notebook">
<h3>${escape(localize('welcomePage.createNotebook', "Create a notebook"))}</h3>
<p>${escape(localize('welcomePage.createNotebookBody', "Build a new notebook using a native notebook editor."))}</p>
@@ -79,7 +79,7 @@ export default () => `
</a>
</div>
<div class="col">
<a class="header-bottom-nav-tile-link ads-welcome-page-link" href="command:azdata.resource.deploy">
<a class="header-bottom-nav-tile-link" href="command:azdata.resource.deploy">
<div class="header-bottom-nav-tile tile tile-server">
<h3>${escape(localize('welcomePage.deployServer', "Deploy a server"))}</h3>
<p>${escape(localize('welcomePage.deployServerBody', "Create a new instance of SQL Server on the platform of your choice."))}</p>

3
src/sql/workbench/contrib/welcome/page/browser/welcomePage.css
View File

@@ -831,7 +831,8 @@
}
.monaco-workbench .part.editor>.content .ads-homepage a.header-bottom-nav-tile-link {
text-decoration: none
text-decoration: none;
display: block;
}
.ads-homepage .header-bottom-nav-tile .icon {

11
src/sql/workbench/contrib/welcome/page/browser/welcomePage.ts
View File

@@ -30,7 +30,7 @@ import { Disposable } from 'vs/base/common/lifecycle';
import { splitName } from 'vs/base/common/labels';
import { registerThemingParticipant } from 'vs/platform/theme/common/themeService';
import { buttonSecondaryBackground, buttonSecondaryBorder, buttonSecondary, buttonSecondaryHoverColor, tileBorder, disabledButton, disabledButtonBackground, gradientOne, gradientTwo, gradientBackground, extensionPackHeaderShadow, extensionPackGradientColorOneColor, extensionPackGradientColorTwoColor, tileBoxShadow, buttonDropdownBackgroundHover, hoverShadow } from 'sql/platform/theme/common/colorRegistry';
import { registerColor, foreground, textLinkActiveForeground, focusBorder, descriptionForeground, activeContrastBorder, buttonBackground, buttonForeground, menuBorder, menuForeground, menuSelectionForeground, editorWidgetBorder, selectBackground, buttonHoverBackground, selectBorder, iconForeground, textLinkForeground, inputBackground } from 'vs/platform/theme/common/colorRegistry';
import { registerColor, foreground, textLinkActiveForeground, descriptionForeground, activeContrastBorder, buttonBackground, buttonForeground, menuBorder, menuForeground, menuSelectionForeground, editorWidgetBorder, selectBackground, buttonHoverBackground, selectBorder, iconForeground, textLinkForeground, inputBackground, focusBorder } from 'vs/platform/theme/common/colorRegistry';
import { IExtensionsWorkbenchService } from 'vs/workbench/contrib/extensions/common/extensions';
import { IEditorInputFactory, EditorInput } from 'vs/workbench/common/editor';
import { INotificationService, Severity } from 'vs/platform/notification/common/notification';
@@ -1030,6 +1030,7 @@ registerThemingParticipant((theme, collector) => {
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePageContainer .btn-primary { background-color: ${buttonPrimaryBackgroundColor};}`);
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePageContainer .btn-primary { border-color: ${buttonPrimaryBackgroundColor};}`);
}
const buttonForegroundColor = theme.getColor(buttonForeground);
if (buttonForegroundColor) {
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePageContainer .btn-primary { color: ${buttonForegroundColor};}`);
@@ -1124,7 +1125,7 @@ registerThemingParticipant((theme, collector) => {
}
const link = theme.getColor(textLinkForeground);
if (link) {
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage a { color: ${link}; }`);
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage a.ads-welcome-page-link { color: ${link}; }`);
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage .btn-primary .monaco-button { border: 1px solid ${link}; }`);
}
const activeLink = theme.getColor(textLinkActiveForeground);
@@ -1132,10 +1133,6 @@ registerThemingParticipant((theme, collector) => {
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage a:hover, .monaco-workbench .part.editor > .content .welcomePage a:active { color: ${activeLink}; }`);
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage .ads-homepage .themed-icon-alt { background-color: ${activeLink}; }`);
}
const focusColor = theme.getColor(focusBorder);
if (focusColor) {
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage a:focus { outline-color: ${focusColor}; }`);
}
const activeBorder = theme.getColor(activeContrastBorder);
if (activeBorder) {
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage .commands .item button:hover { outline-color: ${activeBorder}; }`);
@@ -1143,6 +1140,8 @@ registerThemingParticipant((theme, collector) => {
const focusBorderColor = theme.getColor(focusBorder);
if (focusBorderColor) {
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage .ads-homepage #dropdown-btn:focus { outline-color: ${focusBorderColor}; }`);
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage *:focus { outline: 1px solid ${focusBorderColor}} `);
collector.addRule(`.monaco-workbench .part.editor > .content .welcomePage .header-bottom-nav-tile-link:focus { outline: 1px solid ${focusBorderColor}} `);
}
const iconForegroundColor = theme.getColor(iconForeground);
if (iconForegroundColor) {