mirror
/
remix-project
mirror of https://github.com/ethereum/remix-project.git
2
0
Fork 0
Code Issues Releases Wiki Activity

fix(ui): Remove rounded borders on button class

Browse Source 
Inconsistent UX can cause problems and unhappy users

Ref: #1198
pull/1/head
jeremiG 6 years ago
parent 7bafd4f3a0
commit bb4558a46b
1 changed files with 14 additions and 18 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 32
      src/app/ui/styles-guide/styleGuideDavid.js

32
src/app/ui/styles-guide/styleGuideDavid.js
Unescape View File

@ -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 () {
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 () {
`, `,
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;
` `
} }
} }

Write Preview
Loading…
Cancel
Save