Skip to content

/ brave-ui

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update UI and remove legacy props from private tab page #134

Merged
merged 5 commits into from Sep 11, 2018
+826 −351
Merged

Update UI and remove legacy props from private tab page #134

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
206723f
Update UI and remove legacy props from private tab page
cezaraugusto Sep 7, 2018
484bb89
another snapshot update to make ci pass
cezaraugusto Sep 7, 2018
3511954
make newtab feature-components export ready
cezaraugusto Sep 10, 2018
348da8b
replace styled-components theme import with our own
cezaraugusto Sep 11, 2018
3bc6cb9
replace styled import with our own. improve importing
cezaraugusto Sep 11, 2018
File filter...
Filter file types
Clear filters
Jump to…
Jump to file
Failed to load files.

Always

Just for now

Prev Next
Loading status checks…

another snapshot update to make ci pass

  • Loading branch information
@cezaraugusto
cezaraugusto committed Sep 7, 2018
Verified
This commit was signed with a verified signature.
cezaraugusto Cezar Augusto
GPG key ID: 0E7DEADAAEA84F33 Learn about signing commits
commit 484bb8971c7bf965ec932bf8ff213d9d70061771
19 src/features/rewards/grantComplete/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -37,7 +37,7 @@ exports[`Grant complete tests basic tests matches the snapshot 1`] = `
margin: 44px 0 32px;
}

.c5 {
.c6 {
--button-main-color: #FB542B;
--button-main-color-hover: #F43405;
--button-main-color-active: #FDBBAA;
@@ -75,19 +75,22 @@ exports[`Grant complete tests basic tests matches the snapshot 1`] = `
width: 100%;
min-width: 235px;
padding: 19px 15px;
color: #fff;
background: var(--button-state-color);
}

.c5:hover:enabled {
.c6:hover:enabled {
--button-state-color: var(--button-main-color-hover);
}

.c5:active:enabled {
.c6:active:enabled {
--button-state-color: var(--button-main-color-active);
}

.c6 {
.c5 {
color: #fff;
background: var(--button-state-color);
}

.c7 {
min-height: var(--icon-size);
display: -webkit-box;
display: -webkit-flex;
@@ -139,12 +142,12 @@ exports[`Grant complete tests basic tests matches the snapshot 1`] = `
MISSING: grantDisclaimer
</div>
<button
className="c5"
className="c5 c6"
size="call-to-action"
type="accent"
>
<div
className="c6"
className="c7"
size="call-to-action"
type="accent"
>
80 src/features/rewards/modalBackupRestore/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -1,12 +1,12 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`ModalBackupRestore tests basic tests matches the snapshot 1`] = `
.c20 {
--button-main-color: #FB542B;
--button-main-color-hover: #F43405;
--button-main-color-active: #FDBBAA;
.c18 {
--button-main-color: #C5C5D3;
--button-main-color-hover: #A0A1B2;
--button-main-color-active: #E9E9F4;
--button-state-color: var(--button-main-color);
--icon-size: 16px;
--icon-size: 14px;
--icon-spacing: 6px;
--webkit-appearance: none;
box-sizing: border-box;
@@ -34,29 +34,27 @@ exports[`ModalBackupRestore tests basic tests matches the snapshot 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 13px;
border-radius: 20px;
font-size: 11px;
border-radius: 16px;
width: auto;
min-width: 104px;
padding: 11px 10px;
color: #fff;
background: var(--button-state-color);
min-width: 88px;
padding: 7px 10px;
}

.c20:hover:enabled {
.c18:hover:enabled {
--button-state-color: var(--button-main-color-hover);
}

.c20:active:enabled {
.c18:active:enabled {
--button-state-color: var(--button-main-color-active);
}

.c17 {
--button-main-color: #C5C5D3;
--button-main-color-hover: #A0A1B2;
--button-main-color-active: #E9E9F4;
.c22 {
--button-main-color: #FB542B;
--button-main-color-hover: #F43405;
--button-main-color-active: #FDBBAA;
--button-state-color: var(--button-main-color);
--icon-size: 14px;
--icon-size: 16px;
--icon-spacing: 6px;
--webkit-appearance: none;
box-sizing: border-box;
@@ -84,24 +82,32 @@ exports[`ModalBackupRestore tests basic tests matches the snapshot 1`] = `
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 11px;
border-radius: 16px;
font-size: 13px;
border-radius: 20px;
width: auto;
min-width: 88px;
padding: 7px 10px;
border: 1px solid;
color: var(--button-state-color);
min-width: 104px;
padding: 11px 10px;
}

.c17:hover:enabled {
.c22:hover:enabled {
--button-state-color: var(--button-main-color-hover);
}

.c17:active:enabled {
.c22:active:enabled {
--button-state-color: var(--button-main-color-active);
}

.c18 {
.c21 {
color: #fff;
background: var(--button-state-color);
}

.c17 {
border: 1px solid;
color: var(--button-state-color);
}

.c19 {
min-height: var(--icon-size);
display: -webkit-box;
display: -webkit-flex;
@@ -149,7 +155,7 @@ exports[`ModalBackupRestore tests basic tests matches the snapshot 1`] = `
margin: 0 4px;
}

.c19 {
.c20 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -379,13 +385,13 @@ exports[`ModalBackupRestore tests basic tests matches the snapshot 1`] = `
className="c15"
>
<button
className="c16 c17"
className="c16 c17 c18"
onClick={[Function]}
size="small"
type="subtle"
>
<div
className="c18"
className="c19"
onClick={[Function]}
size="small"
type="subtle"
@@ -394,13 +400,13 @@ exports[`ModalBackupRestore tests basic tests matches the snapshot 1`] = `
</div>
</button>
<button
className="c16 c17"
className="c16 c17 c18"
onClick={[Function]}
size="small"
type="subtle"
>
<div
className="c18"
className="c19"
onClick={[Function]}
size="small"
type="subtle"
@@ -409,13 +415,13 @@ exports[`ModalBackupRestore tests basic tests matches the snapshot 1`] = `
</div>
</button>
<button
className="c16 c17"
className="c16 c17 c18"
onClick={[Function]}
size="small"
type="subtle"
>
<div
className="c18"
className="c19"
onClick={[Function]}
size="small"
type="subtle"
@@ -425,16 +431,16 @@ exports[`ModalBackupRestore tests basic tests matches the snapshot 1`] = `
</button>
</div>
<div
className="c19"
className="c20"
>
<button
className="c20"
className="c21 c22"
onClick={[Function]}
size="medium"
type="accent"
>
<div
className="c18"
className="c19"
onClick={[Function]}
size="medium"
type="accent"
40 src/features/rewards/panelWelcome/__snapshots__/spec.tsx.snap
View file
Open in desktop
@@ -1,12 +1,15 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`PanelWelcome tests basic tests matches the snapshot 1`] = `
.c6 {
.c7 {
box-sizing: border-box;
font-family: Poppins,sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
margin: 0;
}

.c6 {
font-size: 24px;
}

@@ -55,7 +58,7 @@ exports[`PanelWelcome tests basic tests matches the snapshot 1`] = `
display: inline-block;
}

.c8 {
.c9 {
color: #FFFFFF;
font-size: 16px;
font-weight: normal;
@@ -71,12 +74,12 @@ exports[`PanelWelcome tests basic tests matches the snapshot 1`] = `
font-family: Muli,sans-serif;
}

.c9 {
.c10 {
margin: 0 auto 25px;
display: inline-block;
}

.c12 {
.c14 {
color: #73CBFF;
font-size: 14px;
font-weight: 500;
@@ -88,7 +91,7 @@ exports[`PanelWelcome tests basic tests matches the snapshot 1`] = `
margin: 0 auto;
}

.c7 {
.c8 {
display: inline-block;
vertical-align: text-top;
margin-top: -13px;
@@ -104,7 +107,7 @@ exports[`PanelWelcome tests basic tests matches the snapshot 1`] = `
fill: currentColor;
}

.c10 {
.c12 {
--button-main-color: #C5C5D3;
--button-main-color-hover: #A0A1B2;
--button-main-color-active: #E9E9F4;
@@ -142,19 +145,22 @@ exports[`PanelWelcome tests basic tests matches the snapshot 1`] = `
width: 100%;
min-width: 235px;
padding: 19px 15px;
border: 1px solid;
color: var(--button-state-color);
}

.c10:hover:enabled {
.c12:hover:enabled {
--button-state-color: var(--button-main-color-hover);
}

.c10:active:enabled {
.c12:active:enabled {
--button-state-color: var(--button-main-color-active);
}

.c11 {
border: 1px solid;
color: var(--button-state-color);
}

.c13 {
min-height: var(--icon-size);
display: -webkit-box;
display: -webkit-flex;
@@ -219,30 +225,30 @@ exports[`PanelWelcome tests basic tests matches the snapshot 1`] = `
</svg>
</span>
<h4
className="c5 c6"
className="c5 c6 c7"
>
MISSING: braveRewards
</h4>
<span
className="c7"
className="c8"
>
TM
</span>
<p
className="c8"
className="c9"
>
MISSING: welcomeDescOne
</p>
<div
className="c9"
className="c10"
>
<button
className="c10"
className="c11 c12"
size="call-to-action"
type="subtle"
>
<div
className="c11"
className="c13"
size="call-to-action"
type="subtle"
>
@@ -251,7 +257,7 @@ exports[`PanelWelcome tests basic tests matches the snapshot 1`] = `
</button>
</div>
<p
className="c12"
className="c14"
>
MISSING: welcomeFooterTextOne
</p>
ProTip! Use n and p to navigate between commits in a pull request.
You can’t perform that action at this time.