WIP: user profile page styling

zanata · Dec 16, 2016 · 2fe0fde · 2fe0fde
1 parent fb64904
commit 2fe0fde
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 14 deletions.
diff --git a/server/zanata-frontend/src/frontend/app/containers/UserProfile/ContentStateFilter.jsx b/server/zanata-frontend/src/frontend/app/containers/UserProfile/ContentStateFilter.jsx
@@ -23,7 +23,7 @@ const ContentStateFilter = ({
     }
     /* eslint-disable react/jsx-no-bind */
     return (
-      <Button bsStyle='link' key={option}
+      <Button bsStyle='default' key={option}
         states={states}
         className={ContentStateStyles[index]}
         onClick={() => handleFilterChanged(option)}>

diff --git a/server/zanata-frontend/src/frontend/app/styles/style.less b/server/zanata-frontend/src/frontend/app/styles/style.less
@@ -3705,45 +3705,61 @@ textarea.input-group-sm > .input-group-btn > .btn {
   font-weight:600;
 }
 #activity-table td .btn-primary {
-  border:0;
+
+}
+
+button.success.btn.btn-default, button.plain.btn.btn-default,
+button.primary.btn.btn-default, button.unsure.btn.btn-default {
+  border-radius: @border-radius-pager;
+  margin-right: 1em;
+  border:solid 1px @gray;
 }
 
-button.plain.btn.btn-link:focus, button.plain.btn.btn-link:hover  {
-  background-color:@brand-primary;
-  border-radius:@border-radius-base;
+
+button.plain.btn.btn-default:focus, button.plain.btn.btn-default:hover  {
+  background-color:rgba(84, 102, 119, 0.8);
   color:#fff;
   text-decoration: none;
   outline:0;
+  box-shadow: none;
 }
 
-button.primary.btn.btn-link:focus, button.primary.btn.btn-link:hover {
-  background-color:@brand-secondary;
-  border-radius:@border-radius-base;
+button.primary.btn.btn-default:focus, button.primary.btn.btn-default:hover {
+  background-color:rgba(3, 166, 215, 0.8);
   color:#fff;
   text-decoration: none;
   outline:0;
+  box-shadow: none;
 }
 
-button.success.btn.btn-link:focus, button.success.btn.btn-link:hover   {
-  background-color:@brand-success;
-  border-radius:@border-radius-base;
+button.success.btn.btn-default:focus, button.success.btn.btn-default:hover   {
+  background-color:rgba(98, 200, 118, 0.8);
   color:#fff;
   text-decoration: none;
   outline:0;
+  box-shadow: none;
 }
 
- button.unsure.btn.btn-link:focus, button.unsure.btn.btn-link:hover {
-   background-color:@brand-unsure !important;
-   border-radius:@border-radius-base;
+ button.unsure.btn.btn-default:focus, button.unsure.btn.btn-default:hover {
+   background-color:rgba(233, 221, 0, 0.8);
    color:#fff;
    text-decoration: none;
    outline:0;
+   box-shadow: none;
  }
 
 #activity-table th {
   text-align: center;
 }
 
+#activity-table td .btn {
+  width:4.2em;
+  line-height:1.4em;
+  padding-left:0;
+  padding-right:0;
+}
+
+
 // Tabbable tabs
 // -------------------------