Skip to content

B
baas-ide
Commit 7209c588 authored by jeremiG's avatar jeremiG Committed by yann300
Browse files
Options

fix(ui): Remove rounded borders on button class

Inconsistent UX can cause problems and unhappy users Ref: #1198
parent b1e8f036
Hide whitespace changes
Inline Side-by-side
Showing with 14 additions and 18 deletions
src/app/ui/styles-guide/styleGuideDavid.js
View file @ 7209c588
...@@ -60,7 +60,6 @@ function styleGuideDavid () { ...@@ -60,7 +60,6 @@ function styleGuideDavid () {
BORDERS BORDERS
------------------------------------------------------ */ ------------------------------------------------------ */
borders: { borders: {
primary_borderRadius: '3px',
secondary_borderRadius: '5px' secondary_borderRadius: '5px'
} }
} }
...@@ -283,7 +282,6 @@ function styleGuideDavid () { ...@@ -283,7 +282,6 @@ function styleGuideDavid () {
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor};
border : 1px solid ${opts.BorderColor}; border : 1px solid ${opts.BorderColor};
color : ${opts.Color}; color : ${opts.Color};
border-radius : ${cssProperties.borders.primary_borderRadius};
font-size : 12px; font-size : 12px;
padding : 10px 15px; padding : 10px 15px;
line-height : 20px; line-height : 20px;
...@@ -345,22 +343,20 @@ function styleGuideDavid () { ...@@ -345,22 +343,20 @@ function styleGuideDavid () {
`, `,
button: (opts = {}) => ` button: (opts = {}) => `
margin : 1px; margin : 1px;
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor};
border : .3px solid ${opts.BorderColor}; color : ${opts.Color};
color : ${opts.Color}; display : flex;
display : flex; align-items : center;
align-items : center; justify-content : center;
justify-content : center; cursor : pointer;
border-radius : 3px; min-height : 25px;
cursor : pointer; max-height : 25px;
min-height : 25px; width : 70px;
max-height : 25px; min-width : 70px;
width : 70px; font-size : 12px;
min-width : 70px; overflow : hidden;
font-size : 12px; word-break : normal;
overflow : hidden;
word-break : normal;
` `
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment