blob: 3511470bfb2b62b798c3fa7e5b97e63663056bae (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
.version-controller-bar {
.navbar-inverse {
@extend .body-1-medium;
background-color: transparent;
border-bottom: $tlv-light-gray thin solid;
padding-top: 14px;
padding-bottom: 12px;
margin-bottom: 0;
.container {
width: 100%;
padding: 0 52px;
height: 30px;
.navbar-collapse {
padding-left: 0;
.items-in-left {
display: flex;
height: 30px;
.version-section {
.form-group {
margin-right: 5px;
.input-options {
border: none;
.input-options-select {
padding-top: 4px;
}
}
}
}
.vc-status {
display: flex;
padding-left: 14px;
border-left: $light-gray thin solid;
.status-text {
align-self: center;
display: flex;
padding-left: 3px;
.status-text-dash {
padding: 0 9px;
}
}
.onboarding-status-icon {
width: 25px;
height: 19px;
background-image: url('../images/ecomp/ASDC_Sprite.png');
background-position: -306px 674px;
align-self: center;
}
.checkout-status-icon {
display: flex;
& > .catalog-tile-check-in-status.sprite-new.checkout-editable-status-icon {
width: 25px;
height: 19px;
align-self: center;
margin-left: 5px;
}
}
}
}
.items-in-right {
display: flex;
height: 30px;
.action-buttons {
display: flex;
border-right: $gray thin solid;
padding: 0 13px;
.version-control-buttons {
display: flex;
}
.vc-nav-item-button {
border: 1px solid $light-gray;
border-radius: 5px;
cursor: pointer;
margin-right:10px;
padding: 6px 20px;
&:hover, &:focus {
background-color: lightgrey;
}
&.button-submit{
background-color: transparent;
color: $green;
border-color: $green;
}
&.button-checkin-checkout {
background-color: $white;
@extend .body-1;
}
}
.revert-btn, .save-btn {
height: 24px;
width: 24px;
align-self: center;
cursor: pointer;
margin-right: 10px;
}
}
.vc-nav-item-close {
display: flex;
padding-left: 18px;
padding-top: 3px;
align-self: center;
@extend .body-1;
color: $gray;
cursor: pointer;
}
}
}
}
}
}
|
