Przeglądaj źródła

Fixed some color issues.

KrisVos130 7 lat temu
rodzic
commit
67e3c066df

+ 1 - 1
frontend/app/js/views/Auth/Login/index.jsx

@@ -64,7 +64,7 @@ export default class Login extends Component {
 				<CustomInput type="password" name="password" label={ t("general:passwordInput") } placeholder={ t("general:passwordInput") } onRef={ ref => (this.input.password = ref) } />
 				<p>{ t("login:byLoggingIn", { termsOfService: <a href="/terms">{ t("general:termsOfService") }</a>, privacyPolicy: <a href="/privacy">{ t("general:privacyPolicy") }</a> }) }</p>
 				<button onClick={ this.login }>{ t("login:login") }</button>
-				<a href={ `${ config.serverDomain }/auth/github/authorize` } className="button" onClick={ this.githubRedirect }>
+				<a href={ `${ config.serverDomain }/auth/github/authorize` } className="button gray-button" onClick={ this.githubRedirect }>
 					{ t("login:loginWithGitHub") }
 				</a>
 				<a href="/reset_password" className="button">{ t("login:forgotPassword") }</a>

+ 10 - 0
frontend/app/styles/specific/button.scss

@@ -25,10 +25,20 @@ button, .button {
 
 .gray-button {
 	background-color: $musare_color_secondary_gray;
+
+	&:hover, &:focus {
+		background-color: $musare_color_primary_gray; //TODO Fix these colors
+		cursor: pointer;
+	}
 }
 
 .red-button {
 	background-color: $musare_color_primary_red;
+
+	&:hover, &:focus {
+		background-color: $musare_color_secondary_red; //TODO Fix these colors
+		cursor: pointer;
+	}
 }
 
 @include responsive(smallest) {