Reduce number of font size

2016-08-07 09:02:26 -04:00
parent 1dc947eac4
commit 928d27d2ad
57 changed files with 94 additions and 126 deletions
--- a/assets/css/app.min.css
+++ b/assets/css/app.min.css
--- a/assets/sass/_activity_stream.sass
+++ b/assets/sass/_activity_stream.sass
@@ -8,7 +8,6 @@
  margin-left: 10px
  font-weight: normal
  color: #999
-  font-size: 0.8em

 .activity-content
  margin-left: 55px
@@ -19,7 +18,6 @@
  border-bottom: 1px dotted #efefef

 .activity-description
-  font-size: 0.95em
  color: #555
  margin-top: 10px
  li
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -1,20 +1,3 @@
-body
-  margin-left: 10px
-  margin-right: 10px
-  padding-bottom: 10px
-  color: $text-color
-  font-family: $text-font
-  text-rendering: optimizeLegibility
-
-hr
-  border: 0
-  height: 0
-  border-top: 1px solid rgba(0, 0, 0, 0.1)
-  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
-
-.smaller
-  font-size: 0.85em
-
 .pull-right
  text-align: right

@@ -25,9 +8,6 @@ ul.no-bullet li
 .chosen-select
  min-height: 27px

-#ui-datepicker-div
-  font-size: 0.8em
-
 #app-loading-icon
  position: fixed
  right: 3px
@@ -39,5 +19,4 @@ ul.no-bullet li
    color: #000

 .assign-me
-  font-size: 0.8em
  vertical-align: bottom
--- a/assets/sass/_board.sass
+++ b/assets/sass/_board.sass
@@ -66,7 +66,7 @@ td.board-column-task-collapsed
  a
    text-decoration: none
    color: #3366CC
-    font-size: 150%
+    font-size: $text-xlarge
    line-height: 70%
    &:focus, &:hover
      text-decoration: none
@@ -76,11 +76,7 @@ td.board-column-task-collapsed
  color: #999
  font-weight: normal

-th.board-column-header-collapsed .board-column-header-task-count
-  font-size: 0.85em
-
 a.board-swimlane-toggle
-  font-size: 0.95em
  text-decoration: none
  &:hover, &:focus
    color: #000
--- a/assets/sass/_button.sass
+++ b/assets/sass/_button.sass
@@ -1,6 +1,6 @@
 .btn
  +appearance
-  font-size: 1.1em
+  font-size: $text-medium
  font-weight: normal
  cursor: pointer
  display: inline-block
--- a/assets/sass/_comment.sass
+++ b/assets/sass/_comment.sass
@@ -1,6 +1,5 @@
 .comment-sorting
  text-align: right
-  font-size: 0.5em
  a
    color: #555
    font-weight: normal
@@ -19,17 +18,12 @@
  margin-left: 55px
  margin-bottom: 10px

-.comment-username
-  font-weight: bold
-  font-size: 1.1em
-
 .comment-date
  color: #999
-  font-size: 0.7em
  font-weight: 200

 .comment-actions
-  font-size: 0.8em
+  font-size: $text-small
  margin-left: 55px
  margin-top: 8px
  li
--- a/assets/sass/_dashboard.sass
+++ b/assets/sass/_dashboard.sass
@@ -1,10 +1,7 @@
 .dashboard-project-stats
-  span
-    font-size: 0.75em
+  small
    margin-right: 10px
    color: #999
-  strong
-    font-size: 1.2em

 .dashboard-table-link
  font-weight: bold
--- a/assets/sass/_dialog_box.sass
+++ b/assets/sass/_dialog_box.sass
@@ -1,3 +1,2 @@
 #main .confirm
  max-width: 700px
-  font-size: 1.1em
--- a/assets/sass/_documentation.sass
+++ b/assets/sass/_documentation.sass
@@ -5,16 +5,13 @@
  background: #fefefe
  border: 1px solid #ccc
  border-radius: 5px
-  font-size: 1.1em
  color: #555
  img
    border: 1px solid #333
  h1
    text-decoration: none
-    font-size: 1.8em
    margin-bottom: 30px
  h2
-    font-size: 1.3em
    text-decoration: none
    border-bottom: 1px solid #ccc
    margin-bottom: 25px
--- a/assets/sass/_dropdown.sass
+++ b/assets/sass/_dropdown.sass
@@ -21,7 +21,7 @@ ul.dropdown-submenu-open
  display: block
  margin: 0
  padding: 8px 10px
-  font-size: 0.85em
+  font-size: $text-small
  border-bottom: 1px solid #f8f8f8
  cursor: pointer
  &.no-hover
--- a/assets/sass/_filter_box.sass
+++ b/assets/sass/_filter_box.sass
@@ -13,7 +13,7 @@
  input[type="text"]
    margin: 0
    font-size: 16px
-    height: 26px
+    height: 28px
    border-color: #ddd
    border-top-left-radius: 5px
    border-bottom-left-radius: 5px
@@ -33,7 +33,7 @@
    padding: 0
    padding-left: 5px
    padding-right: 8px
-    height: 27px
+    height: 29px
    &:last-child
      border-top-right-radius: 5px
      border-bottom-right-radius: 5px
--- a/assets/sass/_form.sass
+++ b/assets/sass/_form.sass
@@ -12,7 +12,7 @@ input
    border: 1px solid #ccc
    width: 300px
    max-width: 95%
-    font-size: 100%
+    font-size: $text-normal
    height: 25px
    padding-bottom: 0
    font-family: sans-serif
@@ -39,7 +39,6 @@ textarea
  width: 400px
  max-width: 99%
  height: 200px
-  font-size: 100%
  font-family: sans-serif

 select
@@ -81,7 +80,7 @@ ul.form-errors li
  margin-left: 0

 .form-help
-  font-size: 0.8em
+  font-size: $text-small
  color: brown
  margin-bottom: 15px

@@ -124,11 +123,9 @@ input
    line-height: 25px
  h2
    margin-bottom: 30px
-    font-size: 1.5em
    font-weight: bold

 .reset-password
  margin-top: 20px
  a
-    font-size: 0.8em
    color: #999
--- a/assets/sass/_gantt_chart.sass
+++ b/assets/sass/_gantt_chart.sass
@@ -33,7 +33,6 @@ div
    line-height: 31px
    padding-left: 3px
    border-top: 1px solid #d0d0d0
-    font-size: 0.9em
    text-overflow: ellipsis
    overflow: hidden
    white-space: nowrap
@@ -79,7 +78,7 @@ div
  &.ganttview-block-text
    position: absolute
    height: 12px
-    font-size: 0.7em
+    font-size: $text-tiny
    color: #999
    padding: 2px 3px
  &.ganttview-block div.ui-resizable-handle.ui-resizable-s
--- a/assets/sass/_header.sass
+++ b/assets/sass/_header.sass
@@ -11,11 +11,10 @@ header
    max-width: 70%
    float: left
    .tooltip
+      font-size: $text-tiny
      opacity: 0.3
-      font-size: 0.6em
  ul
    text-align: right
-    font-size: 0.9em
  li
    display: inline
    padding-left: 30px
@@ -36,4 +35,3 @@ nav .active a
  li
    display: inline
    padding-right: 15px
-    font-size: 0.95em
--- a/assets/sass/_links.sass
+++ b/assets/sass/_links.sass
@@ -5,7 +5,6 @@ a
    outline: 0
    color: $link-color-focus
    text-decoration: none
-    border: 1px dotted #aaa
  &:hover
    color: $link-color-hover
    text-decoration: none
--- a/assets/sass/_markdown_rendering.sass
+++ b/assets/sass/_markdown_rendering.sass
@@ -3,16 +3,9 @@
  h1
    margin-top: 5px
    margin-bottom: 10px
-    font-size: 1.5em
    font-weight: bold
-    text-decoration: underline
  h2
-    font-size: 1.2em
    font-weight: bold
-    text-decoration: underline
-  h3, h4
-    font-size: 1.1em
-    text-decoration: underline
  p
    margin-bottom: 10px
  ol, ul
--- a/assets/sass/_page_header.sass
+++ b/assets/sass/_page_header.sass
@@ -5,7 +5,6 @@
  h2
    margin: 0
    padding: 0
-    font-size: 1.4em
    font-weight: bold
    border-bottom: 1px dotted #ccc
    a
@@ -20,7 +19,6 @@
  li
    display: inline
    padding-right: 15px
-    font-size: 0.95em
    &.active a
      color: #333
      text-decoration: none
--- a/assets/sass/_project_overview.sass
+++ b/assets/sass/_project_overview.sass
@@ -5,17 +5,14 @@
  +flex-wrap
  +align-content(center)
  margin-bottom: 20px
-  font-size: 1.4em
+  font-size: $text-large

 .project-overview-column
  text-align: center
  margin-right: 3%
  padding: 3px 15px 3px 15px
  border: 1px dashed #ddd
-  border-radius: 8px
  strong
-    font-size: 1.3em
    color: #444
-  span
-    font-size: 0.8em
+  small
    color: #777
--- a/assets/sass/_project_views_switcher.sass
+++ b/assets/sass/_project_views_switcher.sass
@@ -2,7 +2,6 @@
  display: inline-block
  margin-left: 10px
  margin-right: 10px
-  font-size: 0.9em
  li
    background: #fafafa
    border-left: 1px solid #ddd
--- a/assets/sass/_reset.sass
+++ b/assets/sass/_reset.sass
@@ -11,3 +11,20 @@ body
  margin: 0
  padding: 0
  font-size: 100%
+
+body
+  margin-left: 10px
+  margin-right: 10px
+  padding-bottom: 10px
+  color: $text-color
+  font-family: $text-font
+  text-rendering: optimizeLegibility
+
+small
+  font-size: $text-small
+
+hr
+  border: 0
+  height: 0
+  border-top: 1px solid rgba(0, 0, 0, 0.1)
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3)
--- a/assets/sass/_sidebar.sass
+++ b/assets/sass/_sidebar.sass
@@ -24,7 +24,6 @@
 .sidebar
  padding-right: 10px
  border-right: 1px dotted #eee
-  font-size: 0.95em
  max-width: 240px
  min-width: 190px
  width: 18%
--- a/assets/sass/_subtasks.sass
+++ b/assets/sass/_subtasks.sass
@@ -1,4 +1,3 @@
 .subtasks-table
-  font-size: 0.85em
  td
    vertical-align: middle
--- a/assets/sass/_table.sass
+++ b/assets/sass/_table.sass
@@ -3,7 +3,6 @@ table
  border-collapse: collapse
  border-spacing: 0
  margin-bottom: 20px
-  font-size: 0.95em

 th
  border: 1px solid #eee
@@ -22,7 +21,7 @@ td li
  margin-left: 20px

 .table-small
-  font-size: 0.8em
+  font-size: $text-small

 th a
  text-decoration: none
--- a/assets/sass/_task_board.sass
+++ b/assets/sass/_task_board.sass
@@ -3,7 +3,6 @@
  margin-bottom: 4px
  border: 1px solid #000
  padding: 2px
-  font-size: 0.85em
  word-wrap: break-word

 div
@@ -28,7 +27,6 @@ div
  text-overflow: ellipsis

 .task-board-title
-  font-size: 1.15em
  margin-top: 5px
  margin-bottom: 8px
  a:hover
--- a/assets/sass/_task_board_age.sass
+++ b/assets/sass/_task_board_age.sass
@@ -1,6 +1,5 @@
 .task-board-age
  display: inline-block
-  font-size: 0.9em

 span
  &.task-board-age-total
--- a/assets/sass/_task_board_icons.sass
+++ b/assets/sass/_task_board_icons.sass
@@ -1,4 +1,5 @@
 .task-board-icons
+  font-size: $text-small
  text-align: right
  margin-top: 4px
  margin-bottom: 2px
--- a/assets/sass/_task_links.sass
+++ b/assets/sass/_task_links.sass
@@ -1,5 +1,4 @@
 .task-links-table
-  font-size: 0.85em
  td
    vertical-align: middle

--- a/assets/sass/_task_summary.sass
+++ b/assets/sass/_task_summary.sass
@@ -2,13 +2,12 @@
  margin-bottom: 15px
  h2
    color: #666
-    font-size: 2.5em
+    font-size: $text-xlarge
    margin-top: 0
    padding-top: 0

 .task-summary-buttons
  margin-top: 10px
-  font-size: 0.85em

 .task-summary-container
  border: 2px solid #000
@@ -24,7 +23,6 @@
  justify-content: space-between

 .task-summary-column
-  font-size: 0.9em
  color: #666
  span
    color: #555
@@ -37,6 +35,5 @@
  margin-bottom: 20px
  h2
    color: #555
-    font-size: 1.8em
    margin: 0
    padding: 8px
--- a/assets/sass/_title.sass
+++ b/assets/sass/_title.sass
@@ -2,10 +2,13 @@ h1, h2, h3
  font-weight: normal
  color: $title-color

+h1
+  font-size: $page-title-size
+
 h2
-  font-size: 1.3em
+  font-size: $text-large
  margin-bottom: 10px

 h3
  margin-top: 10px
-  font-size: 1.2em
+  font-size: $text-medium
--- a/assets/sass/_tooltip.sass
+++ b/assets/sass/_tooltip.sass
@@ -6,7 +6,6 @@
 div.ui-tooltip
  min-width: 200px
  max-width: 600px
-  font-size: 0.85em

 .tooltip-arrow
  width: 20px
@@ -49,4 +48,3 @@ div.ui-tooltip

 .tooltip .fa-info-circle
  color: #999
-  font-size: 0.95em
--- a/assets/sass/app.sass
+++ b/assets/sass/app.sass
@@ -1,7 +1,15 @@
+$text-xlarge: 1.6em
+$text-large: 1.4em
+$text-medium: 1.2em
+$text-normal: 1.0em
+$text-small: 0.8em
+$text-tiny: 0.7em
+
 $text-font: 'Helvetica Neue', Helvetica, Arial, sans-serif
 $text-color: #333

 $title-color: #333
+$page-title-size: 1.5em

 $link-color: #3366CC
 $link-color-focus: #DF5353