1
2
3.firmware__ready {
4  font-weight: 300;
5}
6
7.firmware__table {
8  margin-top: 2.5em;
9  margin-bottom: 2.5em;
10
11  .table__cell {
12    a {
13      display: inline-block;
14      margin-right: 1.7em;
15      text-decoration: none;
16      font-weight: 700;
17    }
18    .icon {
19      color: $medblue;
20      &.disabled {
21        color: $medgrey;
22        &:hover {
23          cursor: default;
24        }
25      }
26      &:hover {
27        cursor: pointer;
28      }
29    }
30    .icon.icon-as-spacer {
31      text-indent: 0;
32      color: $btn__disabled-txt;
33      &:hover {
34        cursor: default;
35      }
36    }
37  }
38
39  .table-header {
40    font-weight: 700;
41    p {
42      margin-bottom: 0em;
43    }
44  }
45
46  .table__row.disabled {
47    .firmware__action-link {
48      color: $medblue;
49      opacity: 1;
50      &:hover {
51        cursor: pointer;
52      }
53    }
54  }
55  .firmware__primary {
56    background-color: lighten($status-ok, 40%);
57  }
58}
59
60.firmware__version {
61  flex: 30%;
62}
63
64.firmware__active-version {
65  color: $medblue;
66  font-size: .8em;
67  float: right;
68  font-weight: 400;
69}
70
71.firmware__action-link {
72  color: $links;
73  padding: 5px;
74  min-width: 90px;
75  text-align: left;
76}
77
78.firmware__version {
79  position: relative;
80  .icon {
81    position: absolute;
82    right: 0;
83    top: 20%;
84  }
85  &.active {
86    overflow: visible;
87  }
88}
89
90
91.icon__more-dropdown {
92  width: 300px;
93  top: 70%;
94}
95
96// Upload firmware
97.firmware__upload-form {
98  label {
99    font-weight: 700;
100  }
101  input {
102    height: 2.4em;
103  }
104  .button {
105    min-width: 210px;
106    width: auto;
107    margin-top: 1em;
108  }
109}
110.firmware__upload-file-name {
111  text-transform: none;
112}
113.firmware__upload-chooser {
114    width: 100%;
115    background: $lightgrey;
116    padding-left: 1em;
117    padding-right: 1em;
118    margin-bottom: 1em;
119  .button {
120    vertical-align: middle;
121    margin: 1em .5em 1em 0;
122    min-width: 3em;
123  }
124  &.uploading {
125    @include indeterminate-bar;
126  }
127  @include mediaQuery(medium) {
128    width: 70%;
129  }
130}
131.firmware__upload-station {
132  padding-bottom: 2em;
133  border-bottom: 1px solid $medgrey;
134  padding-left: 1em;
135  margin-top: 2em;
136}
137.firmware__upload-tftp {
138  padding-top: 2em;
139  padding-left: 1em;
140}