blob: 20b781720278dd0c10dc6662dee22069cb10c0ba [file] [log] [blame]
Michael Davis43366db2017-05-15 18:12:35 -05001
Michael Davis43366db2017-05-15 18:12:35 -05002
3.firmware__ready {
4 font-weight: 300;
5}
6
Michael Davis9486f542017-05-30 15:35:31 -05007.firmware__table {
Michael Davis43366db2017-05-15 18:12:35 -05008 margin-top: 2.5em;
9 margin-bottom: 2.5em;
Michael Davis9486f542017-05-30 15:35:31 -050010
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;
Michael Davisb27188e2017-07-27 14:35:00 -050022 &:hover {
23 cursor: default;
24 }
25 }
26 &:hover {
27 cursor: pointer;
Michael Davis9486f542017-05-30 15:35:31 -050028 }
29 }
Michael Davis8af8d242017-07-20 15:22:01 -050030 .icon.icon-as-spacer {
31 text-indent: 0;
32 color: $btn__disabled-txt;
Michael Davisb27188e2017-07-27 14:35:00 -050033 &:hover {
34 cursor: default;
35 }
Michael Davis8af8d242017-07-20 15:22:01 -050036 }
Michael Davis9486f542017-05-30 15:35:31 -050037 }
38
39 .table-header {
40 font-weight: 700;
Michael Davis7f89fad2017-07-31 18:36:45 -050041 p {
42 margin-bottom: 0em;
43 }
Michael Davis9486f542017-05-30 15:35:31 -050044 }
45
46 .table__row.disabled {
47 .firmware__action-link {
48 color: $medblue;
49 opacity: 1;
50 &:hover {
51 cursor: pointer;
52 }
53 }
54 }
Michael Davis8af8d242017-07-20 15:22:01 -050055 .firmware__primary {
56 background-color: lighten($status-ok, 40%);
57 }
58}
59
60.firmware__version {
61 flex: 30%;
Michael Davis43366db2017-05-15 18:12:35 -050062}
63
Michael Davis9486f542017-05-30 15:35:31 -050064.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
Michael Davis43366db2017-05-15 18:12:35 -050097.firmware__upload-form {
98 label {
99 font-weight: 700;
100 }
Michael Davis43366db2017-05-15 18:12:35 -0500101 input {
102 height: 2.4em;
103 }
Michael Davisc8a099e2017-08-03 13:39:03 -0500104 .button {
105 min-width: 210px;
Michael Davis9486f542017-05-30 15:35:31 -0500106 width: auto;
Michael Davisc8a099e2017-08-03 13:39:03 -0500107 margin-top: 1em;
Michael Davis9486f542017-05-30 15:35:31 -0500108 }
109}
Michael Davis7f89fad2017-07-31 18:36:45 -0500110.firmware__upload-file-name {
111 text-transform: none;
112}
Michael Davis9486f542017-05-30 15:35:31 -0500113.firmware__upload-chooser {
114 width: 100%;
115 background: $lightgrey;
116 padding-left: 1em;
117 padding-right: 1em;
Michael Davis8af8d242017-07-20 15:22:01 -0500118 margin-bottom: 1em;
Michael Davisc8a099e2017-08-03 13:39:03 -0500119 .button {
Michael Davis9486f542017-05-30 15:35:31 -0500120 vertical-align: middle;
121 margin: 1em .5em 1em 0;
Michael Davisc8a099e2017-08-03 13:39:03 -0500122 min-width: 3em;
Michael Davis9486f542017-05-30 15:35:31 -0500123 }
124 &.uploading {
125 @include indeterminate-bar;
126 }
127 @include mediaQuery(medium) {
128 width: 70%;
129 }
Michael Davis43366db2017-05-15 18:12:35 -0500130}
131.firmware__upload-station {
Michael Davis8af8d242017-07-20 15:22:01 -0500132 padding-bottom: 2em;
Michael Davis9486f542017-05-30 15:35:31 -0500133 border-bottom: 1px solid $medgrey;
134 padding-left: 1em;
Michael Davis8af8d242017-07-20 15:22:01 -0500135 margin-top: 2em;
Michael Davis43366db2017-05-15 18:12:35 -0500136}
137.firmware__upload-tftp {
138 padding-top: 2em;
Michael Davis9486f542017-05-30 15:35:31 -0500139 padding-left: 1em;
Michael Davis43366db2017-05-15 18:12:35 -0500140}