blob: 321bb3f340bcd21e7c7810bca4768c9e8b8adfe3 [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 }
Michael Davis9486f542017-05-30 15:35:31 -050085}
86
87
88.icon__more-dropdown {
Michael Davis75f94d92017-08-08 14:00:03 -050089 width: 100%;
90 top: 68%;
91 right: 0;
92 @include mediaQuery(medium){
93 width: 30%;
94 right: 18%;
95 top: 74%;
96 }
Michael Davis9486f542017-05-30 15:35:31 -050097}
98
99// Upload firmware
Michael Davis43366db2017-05-15 18:12:35 -0500100.firmware__upload-form {
101 label {
102 font-weight: 700;
103 }
Michael Davis43366db2017-05-15 18:12:35 -0500104 input {
105 height: 2.4em;
106 }
Michael Davisc8a099e2017-08-03 13:39:03 -0500107 .button {
108 min-width: 210px;
Michael Davis9486f542017-05-30 15:35:31 -0500109 width: auto;
Michael Davisc8a099e2017-08-03 13:39:03 -0500110 margin-top: 1em;
Michael Davis9486f542017-05-30 15:35:31 -0500111 }
112}
Michael Davis7f89fad2017-07-31 18:36:45 -0500113.firmware__upload-file-name {
114 text-transform: none;
115}
Michael Davis9486f542017-05-30 15:35:31 -0500116.firmware__upload-chooser {
117 width: 100%;
118 background: $lightgrey;
119 padding-left: 1em;
120 padding-right: 1em;
Michael Davis8af8d242017-07-20 15:22:01 -0500121 margin-bottom: 1em;
Michael Davisc8a099e2017-08-03 13:39:03 -0500122 .button {
Michael Davis9486f542017-05-30 15:35:31 -0500123 vertical-align: middle;
124 margin: 1em .5em 1em 0;
Michael Davisc8a099e2017-08-03 13:39:03 -0500125 min-width: 3em;
Michael Davis9486f542017-05-30 15:35:31 -0500126 }
127 &.uploading {
128 @include indeterminate-bar;
129 }
130 @include mediaQuery(medium) {
131 width: 70%;
132 }
Michael Davis43366db2017-05-15 18:12:35 -0500133}
134.firmware__upload-station {
Michael Davis8af8d242017-07-20 15:22:01 -0500135 padding-bottom: 2em;
Michael Davis9486f542017-05-30 15:35:31 -0500136 border-bottom: 1px solid $medgrey;
137 padding-left: 1em;
Michael Davis8af8d242017-07-20 15:22:01 -0500138 margin-top: 2em;
Michael Davis43366db2017-05-15 18:12:35 -0500139}
140.firmware__upload-tftp {
141 padding-top: 2em;
Michael Davis9486f542017-05-30 15:35:31 -0500142 padding-left: 1em;
Michael Davis43366db2017-05-15 18:12:35 -0500143}