Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / c81cdd4acceb7b284ebb9680b6e318ddf4f20542 / . / app / configuration / styles / certificate.scss
blob: a113781966cbdd383419dc8551478e96f7c14af1 [file] [log] [blame]
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]1.certificate__table {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]2 border-left: 1px solid $border-color-01;
3 border-right: 1px solid $border-color-01;
4 margin-top: 0.5em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]5 .table__row-header {
6 width: 100%;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]7 border-bottom: 1px solid $border-color-01;
8 background-color: $primary-dark;
9 color: $primary-light;
10 font-weight: 700;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]11 }
12 .table__row-value {
13 width: 100%;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]14 border-bottom: 1px solid $border-color-01;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]15 }
16 .certificate__type-header {
17 @include mediaQuery(small) {
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +0200[diff] [blame^]18 width: 20%;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]19 background: transparent;
20 }
21 width: 100%;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]22 padding: 0.8em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]23 padding-left: 1.5em;
24 }
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +0200[diff] [blame^]25 .certificate__issue-header {
26 display: none;
27 padding: 0.8em;
28 @include mediaQuery(small) {
29 width: 20%;
30 display: block;
31 }
32 }
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]33 .certificate__date-header {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]34 padding: 0.8em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]35 @include mediaQuery(small) {
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +0200[diff] [blame^]36 width: 12%;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]37 display: block;
38 }
39 display: none;
40 }
41 .certificate__status-header {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]42 padding: 0.8em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]43 @include mediaQuery(small) {
44 width: 5%;
45 display: block;
46 }
47 display: none;
48 }
49 .certificate__type-cell {
50 width: 100%;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]51 padding: 0.8em 0.8em 0.8em 1.5em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]52 word-wrap: break-word;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]53 background: $background-02;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]54 @include mediaQuery(small) {
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +0200[diff] [blame^]55 width: 20%;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]56 background: transparent;
57 }
58 }
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +0200[diff] [blame^]59 .certificate__issue-cell {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]60 padding: 0.8em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]61 word-wrap: break-word;
62 @include mediaQuery(small) {
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +0200[diff] [blame^]63 width: 20%;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]64 }
65 width: 70%;
66 }
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +0200[diff] [blame^]67 .certificate__date-cell {
68 width: 70%;
69 padding: 0.8em;
70 word-wrap: break-word;
71 @include mediaQuery(small) {
72 width: 12%;
73 }
74 }
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]75 .certificate__status-cell {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]76 padding: 0.8em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]77 @include mediaQuery(small) {
78 display: block;
79 width: 5%;
80 }
81 display: none;
82 }
83 .certificate__buttons-cell {
84 @include mediaQuery(small) {
85 width: 10%;
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +0200[diff] [blame^]86 padding-top: 0.5em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]87 }
88 width: 100%;
89 text-align: right;
Zbigniew Kurzynskic81cdd42019-07-25 11:52:15 +0200[diff] [blame^]90 padding: 0 1.5em 0 0;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]91 }
92 .certificate__title-inline {
93 @include mediaQuery(small) {
94 display: none;
95 }
96 width: 30%;
97 display: block;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]98 padding: 0.8em 0.8em 0.8em 1.5em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]99 }
100 .upload__certificate {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]101 border-top: 1px solid $border-color-01;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]102 width: 100%;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]103 background: $background-02;
104 padding: 0.8em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]105 }
106}
107.certificate__upload-chooser {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]108 background: $background-02;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]109}
110
111.add__certificate__modal {
112 select {
113 margin-bottom: 0;
114 }
115 .file__upload {
116 margin-bottom: 2em;
117 }
118 .select__new-label {
119 margin-bottom: 1em;
120 }
121 .select__new-button {
122 font-size: 1.2em;
123 }
124 .file__name {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]125 background-color: $background-02;
126 padding: 0.5em;
beccabroek309b5da2018-11-07 12:22:31 -0600[diff] [blame]127 }
128}