forked from mystiq/hydrogen-web
rename button.styled to .button-action so it can also be used for links
This commit is contained in:
parent
5fe479e8a9
commit
7e477b3c8d
3 changed files with 18 additions and 11 deletions
|
@ -71,7 +71,7 @@ limitations under the License.
|
|||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.button-row button {
|
||||
.button-row .button-action {
|
||||
margin: 10px 0;
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
@ -92,32 +92,39 @@ limitations under the License.
|
|||
display: block;
|
||||
}
|
||||
|
||||
button.styled.secondary {
|
||||
a.button-action {
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.button-action.secondary {
|
||||
color: #03B381;
|
||||
}
|
||||
|
||||
button.styled.primary {
|
||||
.button-action.primary {
|
||||
background-color: #03B381;
|
||||
border-radius: 8px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
button.styled.primary.destructive {
|
||||
.button-action.primary.destructive {
|
||||
background-color: #FF4B55;
|
||||
}
|
||||
|
||||
button.styled.secondary.destructive {
|
||||
.button-action.secondary.destructive {
|
||||
color: #FF4B55;
|
||||
}
|
||||
|
||||
button.styled {
|
||||
.button-action {
|
||||
border: none;
|
||||
padding: 10px;
|
||||
background: none;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
button.utility {
|
||||
.button-utility {
|
||||
cursor: pointer;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-position: center;
|
||||
|
|
|
@ -52,11 +52,11 @@ export class LoginView extends TemplateView {
|
|||
t.mapView(vm => vm.loadViewModel, loadViewModel => loadViewModel ? new SessionLoadStatusView(loadViewModel) : null),
|
||||
t.div({className: "button-row"}, [
|
||||
t.a({
|
||||
className: "button styled secondary",
|
||||
className: "button-action secondary",
|
||||
href: vm.cancelUrl
|
||||
}, [vm.i18n`Go Back`]),
|
||||
t.button({
|
||||
className: "styled primary",
|
||||
className: "button-action primary",
|
||||
onClick: () => vm.login(username.value, password.value, homeserver.value),
|
||||
disabled
|
||||
}, vm.i18n`Log In`),
|
||||
|
|
|
@ -110,11 +110,11 @@ export class SessionPickerView extends TemplateView {
|
|||
t.view(sessionList),
|
||||
t.div({className: "button-row"}, [
|
||||
t.button({
|
||||
className: "styled secondary",
|
||||
className: "button-action secondary",
|
||||
onClick: async () => vm.import(await selectFileAsText("application/json"))
|
||||
}, vm.i18n`Import a session`),
|
||||
t.a({
|
||||
className: "button styled primary",
|
||||
className: "button-action primary",
|
||||
href: vm.cancelUrl
|
||||
}, vm.i18n`Sign In`)
|
||||
]),
|
||||
|
|
Loading…
Reference in a new issue