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}
86
87
88.icon__more-dropdown {
89  width: 100%;
90  top: 68%;
91  right: 0;
92  @include mediaQuery(medium){
93    width: 30%;
94    right: 18%;
95    top: 74%;
96  }
97}
98
99// Upload firmware
100.firmware__upload-form {
101  label {
102    font-weight: 700;
103  }
104  input {
105    height: 2.4em;
106  }
107  .button {
108    min-width: 210px;
109    width: auto;
110    margin-top: 1em;
111  }
112}
113.firmware__upload-file-name {
114  text-transform: none;
115}
116.firmware__upload-chooser {
117    width: 100%;
118    background: $lightgrey;
119    padding-left: 1em;
120    padding-right: 1em;
121    margin-bottom: 1em;
122  .button {
123    vertical-align: middle;
124    margin: 1em .5em 1em 0;
125    min-width: 3em;
126  }
127  &.uploading {
128    @include indeterminate-bar;
129  }
130  @include mediaQuery(medium) {
131    width: 70%;
132  }
133}
134.firmware__upload-station {
135  padding-bottom: 2em;
136  border-bottom: 1px solid $medgrey;
137  padding-left: 1em;
138  margin-top: 2em;
139}
140.firmware__upload-tftp {
141  padding-top: 2em;
142  padding-left: 1em;
143}