compact.scss 2.24 KB
Newer Older
ransome1's avatar
ransome1 committed
1
2
3
4
5
//  ####################################
//  COMPACT
//  ####################################

@mixin compact() {
ransome1's avatar
ransome1 committed
6
7
8
9
10

  .inputWrapper {
    position: relative;
    padding-top: 0.5em;
    input[type="search"],
ransome1's avatar
ransome1 committed
11
12
    input[type="text"] {
      padding: 1.5em 1em 1.5em 1.5em;
ransome1's avatar
ransome1 committed
13
14
15
16
17
18
19
20
21
22
    }
    input::placeholder,
    textarea::placeholder {
      color: $mid-grey;
    }
    label {
      display: none;
    }
  }

ransome1's avatar
ransome1 committed
23
24
25
26
27
28
29
  #modalForm {
    textarea {
      padding: 0.75em;
    }
    #modalFormInputResize {
      top: 1.65em;
    }
ransome1's avatar
ransome1 committed
30
31
  }

32
33
34
35
  .modal.content .modal-card {
    padding: 1em;
  }

ransome1's avatar
ransome1 committed
36
37
38
39
40
41
42
  table tr td {
    padding: 0.25em 1.5em 0.25em 0 !important
  }
  #sortByContainer li {
    padding: 0.25em 0.5em;
  }
  #todoTableSearchContainer {
ransome1's avatar
ransome1 committed
43
44
45
    input[type="search"]::-webkit-search-cancel-button {
      margin-top: 0;
    }
46
47
    i.fa-search,
    .todoTableSearchQuestionmark {
ransome1's avatar
ransome1 committed
48
49
      top: 0.65em;
    }
ransome1's avatar
ransome1 committed
50
    #todoTableSearchAddTodo {
ransome1's avatar
ransome1 committed
51
      top: 2.2em;
52
53
54
      i {
        display: none;
      }
ransome1's avatar
ransome1 committed
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
    }
  }
  #todoTable {
    padding: 0 1.5em 1.5em 1.5em;
    .group:first-child {
      margin-top: 0;
    }
    .todo {
      .cell {
        padding: .25em 0;
        .text {
          margin: 0;
        }
      }
      .cell.itemDueDate {
        .tags {
          top: -1.9em;
          right: -1.9em;
        }
        i.fa-sort-down {
          right: .2em;
          bottom: 1.7em;
          color: inherit;
        }
      }
    }
  }
  nav ul {
    width: 3.5em;
ransome1's avatar
ransome1 committed
84
85
    li a,
    li.logo {
ransome1's avatar
ransome1 committed
86
87
88
89
90
91
      width: 3.5em;
      height: 3.5em;
      line-height: 3.5em;
    }
  }
  #autoCompleteContainer,
ransome1's avatar
ransome1 committed
92
  #drawerContainer .drawer {
ransome1's avatar
ransome1 committed
93
94
95
96
97
    padding: 1.5em;
    .is-4 {
      font-size: 1.1em;
    }
    .priority {
ransome1's avatar
ransome1 committed
98
      button {
99
100
101
102
        font-size: 1.2em;
        .tag {
          font-size: 0.65em;
        }
ransome1's avatar
ransome1 committed
103
104
      }
    }
ransome1's avatar
ransome1 committed
105
    button {
ransome1's avatar
ransome1 committed
106
107
      font-size: 0.9em;
      margin: 0 0.3em 0.3em 0!important;
ransome1's avatar
ransome1 committed
108
      padding: 0.5em 0.7em;
ransome1's avatar
ransome1 committed
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
      .tag {
        width: auto;
        height: auto;
        padding: 0 .5em;
        min-width: 1.5em;
        min-height: 1.5em;
        font-size: .9em;
      }
    }
  }
  #autoCompleteContainer {
    padding: 1em;
    h4 {
      margin-top: 0;
    }
  }
}
@media screen and (max-width: 992px),
screen and (max-height: 650px) {
  @include compact;
}
body.compact {
  @include compact;
}