Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 4b366b5aeb97b35ab3612bfe1dc7d93a1f8a6e79 / . / app / server-control / styles / power-operations.scss
blob: 0b0a339a534d21c752c7913c4533e161aecf67fc [file] [log] [blame]
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]1// Power Operations SCSS
2
Dixsie Wolmerse3681082019-06-21 13:48:06 -0500[diff] [blame]3.power-operations {
dixsie3bf7b0c2019-04-02 15:05:43 -0500[diff] [blame]4 // Power Current status wrapper
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]5 .power__current-status {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]6 border-bottom: 1px solid $border-color-01;
Michael Davis46f0a1f2017-07-13 11:23:16 -0500[diff] [blame]7 margin: 1.3em 0 1.2em 0;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]8 }
9
10 // Power state indicator on/off
11 .power__state {
Michael Davis5d014692017-03-02 13:37:40 -0600[diff] [blame]12 font-weight: 700;
Dixsie Wolmerse3681082019-06-21 13:48:06 -0500[diff] [blame]13 margin-top: -0.3em;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]14 }
15
16 // Power bar indicator
17 .power__indicator-bar {
18 font-weight: bold;
Gunnar Mills84e114a2018-11-14 13:44:41 -0600[diff] [blame]19 width: 100%;
Dixsie Wolmerse3681082019-06-21 13:48:06 -0500[diff] [blame]20 padding: 1em 2em 0.7em;
Michael Davis46f0a1f2017-07-13 11:23:16 -0500[diff] [blame]21 margin-bottom: 3em;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]22 background-size: 200% 100%;
Dixsie Wolmerse3681082019-06-21 13:48:06 -0500[diff] [blame]23 background-image: linear-gradient(to right, darken($background-02, 3%) 50%, $accent-02--02 50%);
Iftekharul Islamcd789502017-04-19 14:37:55 -0500[diff] [blame]24 background-position: 0;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]25 transition: background-position 2s ease;
Michael Davisea5241a2017-07-12 15:56:55 -0500[diff] [blame]26 overflow: hidden;
Dixsie Wolmerse3681082019-06-21 13:48:06 -0500[diff] [blame]27 display: flex;
Michael Daviscdc3deb2017-07-20 17:11:52 -0500[diff] [blame]28 justify-content: space-between;
Dixsie Wolmerse3681082019-06-21 13:48:06 -0500[diff] [blame]29 align-items: center;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]30 p {
31 padding: 0;
32 margin: 0;
Michael Daviscdc3deb2017-07-20 17:11:52 -0500[diff] [blame]33 font-size: 1.2em;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]34 }
35 &.power__state-on {
Iftekharul Islamcd789502017-04-19 14:37:55 -0500[diff] [blame]36 background-position: -100%;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]37 }
38 &.power__state-off {
Iftekharul Islamcd789502017-04-19 14:37:55 -0500[diff] [blame]39 background-position: 0;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]40 color: $primary-dark;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]41 }
Michael Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]42 &.power__state-indet {
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]43 color: $text-02;
Michael Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]44 @include indeterminate-bar;
Michael Davisc5626182017-03-10 15:48:05 -0600[diff] [blame]45 }
CamVan Nguyen3490c0f2018-05-01 22:23:21 -0500[diff] [blame]46 &.power__state-error {
47 background-position: 0;
Yoshie Muranaka6f7ec802019-06-24 14:35:41 -0500[diff] [blame]48 color: $primary-dark;
CamVan Nguyen3490c0f2018-05-01 22:23:21 -0500[diff] [blame]49 }
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]50 }
51
Dixsie Wolmerse3681082019-06-21 13:48:06 -0500[diff] [blame]52 .boot-options,
53 .boot-operations {
54 margin-bottom: 1em;
55 }
56
57 .boot-options {
58 .control-check {
59 padding-top: 4px;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]60 }
Dixsie Wolmerse3681082019-06-21 13:48:06 -0500[diff] [blame]61 .boot-checkbox {
62 padding-left: 2em;
63 text-transform: none;
64 font-weight: 400;
65 font-size: 16px;
66 color: $primary-dark;
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]67 }
68 }
Michael Davis19475752017-02-23 18:30:23 -0600[diff] [blame]69
Dixsie Wolmerse3681082019-06-21 13:48:06 -0500[diff] [blame]70 .boot-options-wrapper {
71 padding: 0 2em 2em 0;
72 }
73
74 .operations-wrapper {
75 .reboot__operations,
76 .shutdown__operations {
77 margin-bottom: 1.5em;
78 .control-radio {
79 padding: 0.3em 1em 0 2em;
80 text-transform: none;
81 font-weight: 400;
82 font-size: 16px;
83 color: $primary-dark;
84 }
85 }
86
87 .alert-warning {
88 border: 1px solid $accent-03--01;
89 padding: 1em;
90 margin-bottom: 1em;
91 display: flex;
92 align-items: center;
93 .pending-icon {
94 padding: 0 1em 0 0;
95 }
96 .alert-pending {
97 margin-top: 0.3em;
98 margin-bottom: 0;
99 }
100 }
101 }
102
103 .boot-settings-form {
104 background-color: $base-02--06;
105 padding: 2em;
106 .boot-form-actions {
107 margin-bottom: 4em;
108 }
109 .btn {
110 display: block;
111 float: right;
112 margin: 0.5em 0 0 1em;
113 }
114 }
115
116 .control-radio .control__indicator-on {
117 width: 20px;
118 height: 20px;
119 top: 3px;
120 left: 3px;
121 }
122
123 .control-radio .control__indicator-on:after {
124 top: 3px;
125 left: 3px;
126 width: 10px;
127 height: 10px;
128 }
CamVan Nguyen3490c0f2018-05-01 22:23:21 -0500[diff] [blame]129} //end power-operations