Commit c0dbebb11d7f077d1d203c51b876e06bebea6235

Authored by Ricardo Rauch
1 parent 07b7ddde

fixing error messages

app/assets/stylesheets/style.scss
@@ -74,7 +74,6 @@ $blue_link: "#2fa0bb"; @@ -74,7 +74,6 @@ $blue_link: "#2fa0bb";
74 /* eo Vars */ 74 /* eo Vars */
75 75
76 html{ -webkit-font-smoothing:antialiased; } 76 html{ -webkit-font-smoothing:antialiased; }
77 -*{text-shadow: 0 1px 0 white}  
78 body{font-size: 12px; background-color: #eee;} 77 body{font-size: 12px; background-color: #eee;}
79 a{text-decoration: none; font-weight: bold; color: #666} 78 a{text-decoration: none; font-weight: bold; color: #666}
80 a:hover{color: #333} 79 a:hover{color: #333}
@@ -481,15 +480,58 @@ header .account-links a:last-child{ @@ -481,15 +480,58 @@ header .account-links a:last-child{
481 border-bottom: 0; 480 border-bottom: 0;
482 } 481 }
483 482
484 -#no_ssh_key_defined {  
485 - border:1px solid #ee8801;  
486 - margin:20px;  
487 - padding:20px;  
488 - background:#ffe3f0;  
489 - h2{margin:0;}  
490 - p {margin:10px 0 0;} 483 +.big-message{
  484 + background-image: -webkit-gradient(linear, 0 48, 0 0, color-stop(0.041, #eccb40), to(#ffee4d));
  485 + background-image: -webkit-linear-gradient(90deg, #eccb40 4.1%, #ffee4d);
  486 + background-image: -moz-linear-gradient(90deg, #eccb40 4.1%, #ffee4d);
  487 + background-image: -o-linear-gradient(90deg, #eccb40 4.1%, #ffee4d);
  488 + text-align: center;
  489 + font-weight: bold;
  490 + padding: 10px 20px;
  491 + text-shadow: 0 1px 0 rgba(255,255,255,.3);
  492 + color: #333;
  493 + color: rgba(0,0,0,.7);
  494 + font-size: 14px;
  495 + box-shadow: 0 1px 2px rgba(0,0,0,.7);
  496 + z-index: 100000;
  497 + margin-bottom: 2px;
491 } 498 }
492 499
  500 +.big-message a{color: #000; text-decoration: underline;}
  501 +
  502 +.big-message.error{
  503 + background-color: #722523;
  504 + background-image: -webkit-gradient(linear, 0 49, 0 0, color-stop(0.04, #722523), to(#ad4846));
  505 + background-image: -webkit-linear-gradient(90deg, #9b403f 4%, #c16765);
  506 + background-image: -moz-linear-gradient(90deg, #722523 4%, #ad4846);
  507 + background-image: -o-linear-gradient(90deg, #722523 4%, #ad4846);
  508 + color: #2E0D0C;
  509 +}
  510 +
  511 +.big-message.success{
  512 + background-color: #7a9339;
  513 + background-image: -webkit-gradient(linear, 0 48, 0 0, color-stop(0.062, #7a9339), to(#93ae46));
  514 + background-image: -webkit-linear-gradient(90deg, #7a9339 6.2%, #93ae46);
  515 + background-image: -moz-linear-gradient(90deg, #7a9339 6.2%, #93ae46);
  516 + background-image: -o-linear-gradient(90deg, #7a9339 6.2%, #93ae46)
  517 +}
  518 +
  519 +.big-message.success{
  520 + background-color: #7a9339;
  521 + background-image: -webkit-gradient(linear, 0 48, 0 0, color-stop(0.062, #7a9339), to(#93ae46));
  522 + background-image: -webkit-linear-gradient(90deg, #7a9339 6.2%, #93ae46);
  523 + background-image: -moz-linear-gradient(90deg, #7a9339 6.2%, #93ae46);
  524 + background-image: -o-linear-gradient(90deg, #7a9339 6.2%, #93ae46)
  525 +}
  526 +
  527 +.big-message.notice{
  528 + background-image: -webkit-gradient(linear, 0 49, 0 0, color-stop(0.061, #447790), color-stop(0.897, #5da2bf));
  529 + background-image: -webkit-linear-gradient(90deg, #447790 6.1%, #5da2bf 89.7%);
  530 + background-image: -moz-linear-gradient(90deg, #447790 6.1%, #5da2bf 89.7%);
  531 + background-image: -o-linear-gradient(90deg, #447790 6.1%, #5da2bf 89.7%)
  532 +}
  533 +
  534 +
493 /* eo Account Box */ 535 /* eo Account Box */
494 input.search-input{float: left; text-shadow: none; width: 116px; background-image: url('icon-search.png') ; background-repeat: no-repeat; background-position: 10px; border-radius: 100px; border: 1px solid rgba(0,0,0,.7); box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 2px rgba(0,0,0,.4) inset ; background-color: #D2D5DA; background-color: rgba(255,255,255,.5); padding: 5px; padding-left: 26px; margin-top: 4px; margin-right: 10px } 536 input.search-input{float: left; text-shadow: none; width: 116px; background-image: url('icon-search.png') ; background-repeat: no-repeat; background-position: 10px; border-radius: 100px; border: 1px solid rgba(0,0,0,.7); box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 2px rgba(0,0,0,.4) inset ; background-color: #D2D5DA; background-color: rgba(255,255,255,.5); padding: 5px; padding-left: 26px; margin-top: 4px; margin-right: 10px }
495 input.search-input:focus{ background-color: white; width: 216px;} 537 input.search-input:focus{ background-color: white; width: 216px;}
app/views/layouts/_head_panel.html.erb
@@ -48,9 +48,7 @@ @@ -48,9 +48,7 @@
48 <% end %> 48 <% end %>
49 49
50 <% if current_user.keys.all.empty? %> 50 <% if current_user.keys.all.empty? %>
51 - <div id="no_ssh_key_defined">  
52 - <h2>ATTENTION!</h2>  
53 - <p>No SSH Key is defined. You won't be able to use any Git command!  
54 - <p>Click <%=link_to( 'here', keys_path ) %> to add one! 51 + <div id="no_ssh_key_defined" class="big-message error">
  52 + <p>No SSH Key is defined. You won't be able to use any Git command!. Click <%=link_to( 'here', keys_path ) %> to add one!
55 </div> 53 </div>
56 <% end %> 54 <% end %>