wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-06-30 12:39:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make Approve/Reject button styles more robust for long texts.

Browse Source 
For other languages than English the 'Approve' text did not fit
into the button. This commit makes the CSS a bit more flexible by
removing some very pixel-specfic styles.
This commit is contained in:
Fabian Neumann
2018-01-30 14:50:35 +01:00
parent d101989ebd
commit efe84f3f98
2 changed files with 4 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/coral-admin/src/components/ApproveButton.css
+2 -7
View File
@@ -5,16 +5,11 @@
background: white;
padding: 10px 12px;
box-sizing: border-box;
vertical-align: middle;
line-height: 24px;
font-size: 17px;
height: 47px;
border-radius: 3px;
text-transform: capitalize;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.09);
width: 129px;
transform: scale(.8);
margin: 0;
width: 100%;
margin: 0 0 .5em;
&:not(:disabled):hover {
box-shadow: none;
client/coral-admin/src/components/RejectButton.css
+2 -7
View File
@@ -5,16 +5,11 @@
background: white;
padding: 10px 11px;
box-sizing: border-box;
vertical-align: middle;
line-height: 24px;
font-size: 17px;
height: 47px;
border-radius: 3px;
text-transform: capitalize;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.09);
width: 129px;
transform: scale(.8);
margin: 0;
width: 100%;
margin: 0 0 .5em;
&:not(:disabled):hover {
color: white;