From d6b7bbf8a8a6a083d38cfdb35a842d4e815dd2e4 Mon Sep 17 00:00:00 2001 From: Eric Sorenson Date: Thu, 14 Mar 2019 10:51:02 -0500 Subject: [PATCH] button styling fixes --- web-client/src/styles/buttons.scss | 9 +- web-client/src/views/BeforeStartingCase.jsx | 2 +- .../views/CaseDetailEdit/CaseDetailEdit.jsx | 4 +- .../views/DocumentDetail/PendingMessages.jsx | 16 +- web-client/src/views/Error.jsx | 2 +- web-client/src/views/StyleGuide.jsx | 578 ------------------ web-client/src/views/StyleGuide/Buttons.jsx | 14 +- 7 files changed, 18 insertions(+), 607 deletions(-) delete mode 100644 web-client/src/views/StyleGuide.jsx diff --git a/web-client/src/styles/buttons.scss b/web-client/src/styles/buttons.scss index 71156a672be..b99f5cf5582 100644 --- a/web-client/src/styles/buttons.scss +++ b/web-client/src/styles/buttons.scss @@ -1,4 +1,5 @@ -.usa-button { +.usa-button, +.usa-button-secondary { margin: 0 20px 20px 0; } @@ -54,7 +55,7 @@ button.text-style { } } -.DocumentDetail .recall-button-box { +.recall-button-box { padding: 2px; margin-right: 2px; margin-bottom: 20px; @@ -88,7 +89,3 @@ button.text-style { padding: 4px 20px 4px 4px; margin: 4px; } - -#file-a-petition .usa-button-active:disabled { - background-color: $color-primary-darkest; -} diff --git a/web-client/src/views/BeforeStartingCase.jsx b/web-client/src/views/BeforeStartingCase.jsx index f9344578f0a..a306a532596 100644 --- a/web-client/src/views/BeforeStartingCase.jsx +++ b/web-client/src/views/BeforeStartingCase.jsx @@ -148,7 +148,7 @@ export const BeforeStartingCase = () => ( Got It, Letʼs Start My Case - + Cancel diff --git a/web-client/src/views/CaseDetailEdit/CaseDetailEdit.jsx b/web-client/src/views/CaseDetailEdit/CaseDetailEdit.jsx index bdf351b8b89..fd265bf5624 100644 --- a/web-client/src/views/CaseDetailEdit/CaseDetailEdit.jsx +++ b/web-client/src/views/CaseDetailEdit/CaseDetailEdit.jsx @@ -63,9 +63,7 @@ export const CaseDetailEdit = connect( - + {(!documentDetailHelper.formattedDocument || !documentDetailHelper.formattedDocument.workItems || diff --git a/web-client/src/views/Error.jsx b/web-client/src/views/Error.jsx index caccee7a1d8..9f2276869e0 100644 --- a/web-client/src/views/Error.jsx +++ b/web-client/src/views/Error.jsx @@ -30,7 +30,7 @@ export const Error = connect( )} diff --git a/web-client/src/views/StyleGuide.jsx b/web-client/src/views/StyleGuide.jsx deleted file mode 100644 index 4f963d2b7bf..00000000000 --- a/web-client/src/views/StyleGuide.jsx +++ /dev/null @@ -1,578 +0,0 @@ -import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import React from 'react'; - -import { Tab, Tabs } from '../ustc-ui/Tabs/Tabs'; - -export const StyleGuide = () => ( - -
-
-

Typography

-
-

Display 1

-

Heading 1

-

Heading 2

-

Heading 3

-

Heading 4

-
Heading 5
-
Heading 6
-

Lead paragraph

-

- Body copy. A series of sentences together which make a paragraph. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a - nulla sit amet ex facilisis ultricies. Aliquam erat volutpat. Ut - congue augue mauris, id fermentum magna condimentum eu. Aliquam eget - augue lacus. Fusce eu urna eros. Sed ornare sed ex non aliquam. - Praesent vitae rutrum risus. Nam nibh lorem, laoreet sed magna et, - aliquet tristique enim. -

-

- - This - {' '} - is a text link on a light background. -

-

- - This - {' '} - is a visited link. -

-

- This is a link that goes to an{' '} - - external website - - . -

-
-

- - This - {' '} - is a text link on a dark background. -

-
-
-
-
-
Unordered list
-
    -
  • Unordered list item
    • -
  • Unordered list item
    • -
  • Unordered list item
    • -
-
-
-
Ordered list
-
    -
  1. Ordered list item
    2. -
  2. Ordered list item
    3. -
  3. Ordered list item
    4. -
-
-
-
-
-

Buttons

-
-

Primary buttons

- - - - - -

Secondary buttons

- - - - - -

Icon button

- -

Big button

- -
- -
-

Tabs

-
- -

Base Tabs

- - - -

My Queue Content

- - -

Section Queue Content

- - - -

Primary Tabs

- - - -

My Queue Content

- - -

Section Queue Content

- - - - - -

My Queue Content

- - -

Section Queue Content

- - - -

Container Tabs

- - - -
-

My Queue Content

-
- - -

Section Queue Content

-
-

- To file a case on behalf of another taxpayer, you must be - authorized to litigate in this Court as provided by the Tax Court - Rules of Practice and Procedure (Rule 60). Enrolled agents, - certified public accountants, and powers of attorney who are not - admitted to practice before the Court are not eligible to - represent taxpayers. -

-
- - - -

Secondary Tabs

-
-

Inbox

-
-
- -
-

Tables

-
-

Responsive Table

- - - - - - - - - - - - - - - - - - - - - - - - - -
Docket numberDate filedPetitioner name
- Docket number - Docket number - - Date filed - Date filed - - Petitioner name - Petitioner name -
- Docket number - Docket number - - Date filed - Date filed - - Petitioner name - Petitioner name -
- Docket number - Docket number - - Date filed - Date filed - - Petitioner name - Petitioner name -
-

Work Queue Table

- - - - - - - - - - - - - - - - - - - - - - - - - -
Docket numberDate filedPetitioner name
- Docket number - - Date filed - - Petitioner name -
- Docket number - - Date filed - - Petitioner name -
- Docket number - - Date filed - - Petitioner name -
-
- -
-

Cards

-
-
- Label - Value -
-
-
- Buttons -
-
-
-
- -
-
Alignment
-
-
The Grand Canyon
-

- Grand Canyon National Park is the United States' 15th oldest - national park. Named a UNESCO World Heritage Site in 1979, the park is - located in Arizona. -

-
- -
Line length - Desktop
-
-

- Yosemite National Park is set within California’s Sierra Nevada - mountains. It’s famed for its giant, ancient sequoias, and for Tunnel - View, the iconic vista of towering Bridalveil Fall and the granite - cliffs of El Capitan and Half Dome. -

-

75 characters max on desktop

-
- -
Spacing
- -

Page heading

-

- Great Smoky Mountains National Park straddles the border of North - Carolina and Tennessee. -

- -

Section heading

- -

Section of the page

-

- The sprawling landscape encompasses lush forests and an abundance of - wildflowers that bloom year-round. Streams, rivers and waterfalls appear - along hiking routes that include a segment of the Appalachian Trail. -

- -

Subsection of the page

-

- World renowned for its diversity of plant and animal life, the beauty of - its ancient mountains, and the quality of its remnants of Southern - Appalachian mountain culture, this is America's most visited - national park. -

-

- Right now scientists think that we only know about 17 percent of the - plants and animals that live in the park, or about 17,000 species of a - probable 100,000 different organisms. -

- -
Subsection of the page
-

- Entrance to Great Smoky Mountains National Park is free. The park is one - of the few national parks where no entrance fees are charged. -

-
- -
-

Form Controls

-
- - - - - - -
- - - Helpful error message - - -
- - - - - -