mirror of
https://github.com/wassname/talk.git
synced 2026-06-30 13:30:47 +08:00
Fabian Neumann
efe84f3f98
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.
44 lines
699 B
CSS
44 lines
699 B
CSS
.root {
|
|
display: block;
|
|
color: #D03235;
|
|
border: solid 1px #D03235;
|
|
background: white;
|
|
padding: 10px 11px;
|
|
box-sizing: border-box;
|
|
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: 100%;
|
|
margin: 0 0 .5em;
|
|
|
|
&:not(:disabled):hover {
|
|
color: white;
|
|
background-color: #D03235;
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
&:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
|
|
.active {
|
|
color: white;
|
|
background-color: #D03235;
|
|
box-shadow: none;
|
|
|
|
&:hover {
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
|
|
.minimal {
|
|
width: 45px;
|
|
min-width: 0;
|
|
}
|
|
|
|
.icon {
|
|
margin-right: 5px;
|
|
}
|