blob: 44cb9c9064d6a6887945e830d0a2a982924827b0 [file] [log] [blame]
beccabroek129779d2019-02-14 15:43:12 -06001.inventory__container {
2 h3,
3 h4{
4 margin-bottom: 0;
5 }
6 h4{
7 font-size: 1rem;
8 font-weight: bold;
9 }
10 padding-bottom: 5em;
11 .content__search {
12 margin-right: 0;
13 }
14 .inventory__table {
15 .hardware__header {
16 padding:1.2em 1.5em 1.2em 1.5em;
17 background: $darkblue;
18 font-weight: 700;
19 color: $white;
Michael Davis994a93b2017-04-18 10:01:04 -050020 }
beccabroek129779d2019-02-14 15:43:12 -060021 .ng-hide {
22 height: 0;
23 }
24 .harware__details {
25 background: $lightblue;
26 .hardware__title {
27 border-left: 1px solid $medgrey;
28 border-right: 1px solid $medgrey;
29 position: relative;
30 font-weight: 700;
31 text-transform: capitalize;
32 padding: 1em 1.5em 1em 1.5em;
Michael Davis6dc5f182017-06-26 13:07:27 -050033 border-bottom: 1px solid $medgrey;
beccabroek129779d2019-02-14 15:43:12 -060034 background-color: $white;
35 &:hover {
36 background: $lightblue;
37 cursor: pointer;
38 }
39 &.expanded {
40 background: $lightblue;
41 }
Michael Davis6dc5f182017-06-26 13:07:27 -050042 }
beccabroek129779d2019-02-14 15:43:12 -060043 .hardware__items {
44 background: $lightgrey;
45 border-right: 1px solid $medgrey;
46 border-left: 1px solid $medgrey;
47 display: block;
48 overflow: hidden;
49 @include fastTransition-all;
50 &.expanded {
51 height: 100%;
52 border-bottom: 1px solid $medgrey;
53 }
54 .items {
55 max-height: 320px;
56 padding: 1em 1.5em 1em 1.5em;
57 overflow:auto;
58 overflow-wrap: break-word;
59 }
60 .subcomponents {
61 max-height: 320px;
62 padding: 1em 1.5em 1em 1.5em;
63 overflow: auto;
64 border-top:1px solid $medgrey;
65 @include mediaQuery(medium) {
66 border-top:0;
67 border-left:1px solid $medgrey;
68 }
69 }
Michael Davis6dc5f182017-06-26 13:07:27 -050070 }
71 }
72 }
Michael Davis994a93b2017-04-18 10:01:04 -050073}
Michael Davis994a93b2017-04-18 10:01:04 -050074