This repository was archived by the owner on Apr 19, 2021. It is now read-only.
File tree Expand file tree Collapse file tree 2 files changed +15
-8
lines changed Expand file tree Collapse file tree 2 files changed +15
-8
lines changed Original file line number Diff line number Diff line change @@ -113,17 +113,30 @@ const PricingContainer = styled.div`
113
113
border: 1px solid ${ colors . offWhite2 } ;
114
114
` ;
115
115
116
- const Tab = styled . div `
116
+ const Tab = styled . button `
117
117
padding: 1rem 2rem;
118
118
font-size: 18px;
119
119
color: ${ colors . textLight } ;
120
120
min-width: 15rem;
121
121
text-align: center;
122
122
background-color: ${ colors . white } ;
123
123
border: 1px solid ${ colors . offWhite2 } ;
124
- border-bottom: none ;
124
+ border-bottom-color: transparent ;
125
125
margin-bottom: -1px;
126
126
cursor: pointer;
127
+
128
+ &:first-of-type {
129
+ border-right: none;
130
+ }
131
+
132
+ &:last-of-type {
133
+ border-left: none;
134
+ }
135
+
136
+ body.user-is-tabbing &:focus {
137
+ outline: none;
138
+ border: 1px solid #1AA6E4;;
139
+ }
127
140
` ;
128
141
129
142
function isSelfHosted ( ) {
@@ -142,13 +155,11 @@ const PricingBoxes = () => {
142
155
} } >
143
156
< Tab style = { {
144
157
backgroundColor : selfHosted ? colors . offWhite2 : colors . white ,
145
- borderRight : 'none'
146
158
} }
147
159
onClick = { ( ) => setSelfHosted ( false ) }
148
160
> Cloud</ Tab >
149
161
< Tab style = { {
150
162
backgroundColor : selfHosted ? colors . white : colors . offWhite2 ,
151
- borderLeft : 'none'
152
163
} }
153
164
onClick = { ( ) => setSelfHosted ( true ) }
154
165
> Self-Hosted</ Tab >
Original file line number Diff line number Diff line change @@ -19,12 +19,8 @@ const PricingPage: React.SFC<{}> = () => (
19
19
< div className = "grey-container" >
20
20
< div className = "row" >
21
21
< PricingBoxes />
22
- </ div >
23
-
24
- < div className = "row" >
25
22
< Plans />
26
23
</ div >
27
-
28
24
</ div >
29
25
30
26
< div className = "row" >
You can’t perform that action at this time.
0 commit comments