Skip to content

Commit 33259b1

Browse files
waximabbaxwaximabbax
committed
Renaming bootstrap classes
1 parent b2ed244 commit 33259b1

File tree

4 files changed

+138
-133
lines changed

4 files changed

+138
-133
lines changed

‎resources/ManageApprovers.css

Lines changed: 77 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,89 +1,91 @@
1-
.form-container {
2-
text-align: left;
3-
max-width: 650px;
4-
background-color: #f2f2f2;
5-
}
1+
.manage-approvers {
2+
.form-container {
3+
text-align: left;
4+
max-width: 650px;
5+
background-color: #f2f2f2;
6+
}
67

7-
input[ type='text' ] {
8-
padding: 6px;
9-
margin-right: 10px;
10-
width: 150px;
11-
height: 20px;
12-
border: 0;
13-
border-radius: 5px;
14-
}
8+
input[ type='text' ] {
9+
padding: 6px;
10+
margin-right: 10px;
11+
width: 150px;
12+
height: 20px;
13+
border: 0;
14+
border-radius: 5px;
15+
}
1516

16-
button {
17-
padding: 6px 10px;
18-
cursor: pointer;
19-
background-color: #4caf50;
20-
color: #fff;
21-
border: 0;
22-
border-radius: 5px;
23-
}
17+
button {
18+
padding: 6px 10px;
19+
cursor: pointer;
20+
background-color: #4caf50;
21+
color: #fff;
22+
border: 0;
23+
border-radius: 5px;
24+
}
2425

25-
button:hover {
26-
background-color: #45a049;
27-
}
26+
button:hover {
27+
background-color: #45a049;
28+
}
2829

29-
table {
30-
width: 100%;
31-
border-collapse: collapse;
32-
margin-top: 20px;
33-
}
30+
table {
31+
width: 100%;
32+
border-collapse: collapse;
33+
margin-top: 20px;
34+
}
3435

35-
th,
36-
td {
37-
padding: 10px;
38-
border: 1px solid #ddd;
39-
}
36+
th,
37+
td {
38+
padding: 10px;
39+
border: 1px solid #ddd;
40+
}
4041

41-
th {
42-
background-color: #f2f2f2;
43-
}
42+
th {
43+
background-color: #f2f2f2;
44+
}
4445

45-
.approval-delete-btn {
46-
margin-left: 10px;
47-
background-color: transparent;
48-
color: #f00;
49-
}
46+
.approval-delete-btn {
47+
margin-left: 10px;
48+
background-color: transparent;
49+
color: #f00;
50+
}
5051

51-
.approval-delete-btn:hover {
52-
background-color: rgba( 255, 0, 0, 0.78 );
53-
color: #fff;
54-
}
52+
.approval-delete-btn:hover {
53+
background-color: rgba( 255, 0, 0, 0.78 );
54+
color: #fff;
55+
}
5556

56-
.category-row {
57-
display: flex;
58-
align-items: center;
59-
justify-content: space-between;
60-
margin-top: 3px;
61-
}
57+
.category-row {
58+
display: flex;
59+
align-items: center;
60+
justify-content: space-between;
61+
margin-top: 3px;
62+
}
6263

63-
.category-entry {
64-
display: flex;
65-
justify-content: space-between;
66-
align-items: center;
67-
background-color: #f9f9f9;
68-
padding: 5px;
69-
border-radius: 5px;
70-
margin-bottom: 5px;
71-
}
64+
.category-entry {
65+
display: flex;
66+
justify-content: space-between;
67+
align-items: center;
68+
background-color: #f9f9f9;
69+
padding: 5px;
70+
border-radius: 5px;
71+
margin-bottom: 5px;
72+
}
7273

73-
.category-name {
74-
font-weight: bold;
75-
padding-left: 15px;
76-
}
74+
.category-name {
75+
font-weight: bold;
76+
padding-left: 15px;
77+
}
7778

78-
.add-button,
79-
.add-approver-button {
80-
margin-top: 10px;
81-
}
79+
.add-button,
80+
.add-approver-button {
81+
margin-top: 10px;
82+
}
8283

83-
.add-approver-form {
84-
padding: 15px;
85-
background-color: #f8f8f8;
86-
border: 1px solid #e7e7e7;
87-
border-radius: 8px;
88-
box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.15 );
84+
.add-approver-form {
85+
padding: 15px;
86+
background-color: #f8f8f8;
87+
border: 1px solid #e7e7e7;
88+
border-radius: 8px;
89+
box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.15 );
90+
}
8991
}

‎resources/PageApprovals.css

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@
9292
display: none !important;
9393
}
9494

95-
.tooltip {
95+
.approval-status-tooltip {
9696
visibility: hidden;
9797
position: absolute;
9898
top: 50%;
@@ -113,7 +113,7 @@
113113
margin-right: 10px;
114114
}
115115

116-
.tooltip::after {
116+
.approval-status-tooltip::after {
117117
content: '';
118118
position: absolute;
119119
top: 50%;
@@ -124,7 +124,7 @@
124124
border-color: transparent transparent transparent rgba( 0, 0, 0, 0.9 );
125125
}
126126

127-
.page-approval-container:hover .tooltip {
127+
.page-approval-container:hover .approval-status-tooltip {
128128
visibility: visible;
129129
opacity: 1;
130130
}
@@ -137,28 +137,29 @@
137137
box-shadow: 0 2px 5px rgba( 0, 0, 0, 0.2 );
138138
border-radius: 4px;
139139
overflow: hidden;
140-
}
141140

142-
.dropdown-item {
143-
display: flex;
144-
align-items: center;
145-
padding: 10px 15px;
146-
width: 100%;
147-
border: 0;
148-
background: none;
149-
cursor: pointer;
150-
text-align: left;
151-
white-space: nowrap;
152-
}
141+
.dropdown-item {
142+
display: flex;
143+
align-items: center;
144+
padding: 10px 15px;
145+
width: 100%;
146+
border: 0;
147+
background: none;
148+
cursor: pointer;
149+
text-align: left;
150+
white-space: nowrap;
151+
}
153152

154-
.dropdown-item:hover {
155-
background-color: rgba( 211, 211, 211, 0.23 );
156-
}
153+
.dropdown-item:hover {
154+
background-color: rgba( 211, 211, 211, 0.23 );
155+
}
157156

158-
.dropdown-item span {
159-
margin-right: 10px;
157+
.dropdown-item span {
158+
margin-right: 10px;
159+
}
160160
}
161161

162+
162163
#approveButton {
163164
color: #158f68;
164165
}

‎templates/ManageApprovers.mustache

Lines changed: 39 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,42 @@
1-
<div class="form-container">
2-
<form method="POST" action="" class="add-approver-form">
3-
<input type="text" name="username" placeholder="Username" required>
4-
<button class="add-approver-button" type="submit" name="action" value="add-approver">Add Approver</button>
5-
</form>
6-
</div>
1+
<div class="manage-approvers">
2+
<div class="form-container">
3+
<form method="POST" action="" class="add-approver-form">
4+
<input type="text" name="username" placeholder="Username" required>
5+
<button class="add-approver-button" type="submit" name="action" value="add-approver">Add Approver</button>
6+
</form>
7+
</div>
78

8-
<table class="form-container">
9-
<thead>
10-
<tr>
11-
<th>Username</th>
12-
<th>Categories</th>
13-
</tr>
14-
</thead>
15-
<tbody>
16-
{{#approvers}}
9+
<table class="form-container">
10+
<thead>
1711
<tr>
18-
<td>{{username}}</td>
19-
<td>
20-
{{#categories}}
21-
<div class="category-entry">
22-
<span class="category-name">{{.}}</span>
23-
<form method="POST" action="" class="category-row">
24-
<input type="hidden" name="username" value="{{username}}">
25-
<input type="hidden" name="category" value="{{.}}">
26-
<button class="approval-delete-btn" type="submit" name="action" value="delete">Delete
27-
</button>
28-
</form>
29-
</div>
30-
{{/categories}}
31-
<form method="POST" action="" class="add-category-form">
32-
<input type="text" name="category" placeholder="New Category" required>
33-
<input type="hidden" name="username" value="{{username}}">
34-
<button class="add-button" type="submit" name="action" value="add">Add</button>
35-
</form>
36-
</td>
12+
<th>Username</th>
13+
<th>Categories</th>
3714
</tr>
38-
{{/approvers}}
39-
</tbody>
40-
</table>
15+
</thead>
16+
<tbody>
17+
{{#approvers}}
18+
<tr>
19+
<td>{{username}}</td>
20+
<td>
21+
{{#categories}}
22+
<div class="category-entry">
23+
<span class="category-name">{{.}}</span>
24+
<form method="POST" action="" class="category-row">
25+
<input type="hidden" name="username" value="{{username}}">
26+
<input type="hidden" name="category" value="{{.}}">
27+
<button class="approval-delete-btn" type="submit" name="action" value="delete">Delete
28+
</button>
29+
</form>
30+
</div>
31+
{{/categories}}
32+
<form method="POST" action="" class="add-category-form">
33+
<input type="text" name="category" placeholder="New Category" required>
34+
<input type="hidden" name="username" value="{{username}}">
35+
<button class="add-button" type="submit" name="action" value="add">Add</button>
36+
</form>
37+
</td>
38+
</tr>
39+
{{/approvers}}
40+
</tbody>
41+
</table>
42+
</div>

‎templates/PageApprovalStatus.mustache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
</button>
1616
</div>
1717
{{/canApprove}}
18-
<div class="tooltip {{^isPageApproved}}display-none{{/isPageApproved}}">
18+
<div class="approval-status-tooltip {{^isPageApproved}}display-none{{/isPageApproved}}">
1919
<small class="approver-details {{^isPageApproved}}display-none{{/isPageApproved}}">
2020
<span class="approver-name">
2121
{{approverUserName}}

0 commit comments

Comments
 (0)