consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Extract component for ballot investment

Browse Source 
Using component inheritance we can remove duplication and share the same
view.
This commit is contained in:
Javi Martín
2021-03-17 17:58:15 +01:00
parent 72a24128a6
commit fb8c476fb2
9 changed files with 111 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/application.scss
View File

@@ -33,7 +33,7 @@
@import "sticky_overrides";
@import "tags";
@import "admin/**/*";
@import "budgets/*";
@import "budgets/**/*";
@import "sdg/**/*";
@import "sdg_management/*";
@import "sdg_management/**/*";

51
app/assets/stylesheets/budgets/ballot/investment.scss Normal file
View File

@@ -0,0 +1,51 @@
.ballot-list li {
background: #f9f9f9;
line-height: $line-height;
margin-bottom: $line-height / 4;
padding: $line-height $line-height / 2;
position: relative;
a {
color: $text;
}
span {
display: block;
font-style: italic;
}
.remove-investment-project {
display: block;
height: 0;
.icon-x {
color: #9f9f9f;
font-size: rem-calc(24);
line-height: $line-height / 2;
position: absolute;
right: 6px;
text-decoration: none;
top: 6px;
@include breakpoint(medium) {
font-size: $base-font-size;
}
}
}
&:hover {
background: $budget;
color: #fff;
a,
span {
color: #fff;
outline: 0;
text-decoration: none;
}
.remove-investment-project .icon-x {
color: #fff;
}
}
}

52
app/assets/stylesheets/participation.scss
View File

@@ -1321,58 +1321,6 @@
.ballot-list {
list-style: none;
margin-left: 0;
li {
background: #f9f9f9;
line-height: $line-height;
margin-bottom: $line-height / 4;
padding: $line-height $line-height / 2;
position: relative;
a {
color: $text;
}
span {
display: block;
font-style: italic;
}
.remove-investment-project {
display: block;
height: 0;
.icon-x {
color: #9f9f9f;
font-size: rem-calc(24);
line-height: $line-height / 2;
position: absolute;
right: 6px;
text-decoration: none;
top: 6px;
@include breakpoint(medium) {
font-size: $base-font-size;
}
}
}
&:hover {
background: $budget;
color: #fff;
a,
span {
color: #fff;
outline: 0;
text-decoration: none;
}
.remove-investment-project .icon-x {
color: #fff;
}
}
}
}
.select-district a {