poanetwork
/
poa-dapps-voting
mirror of https://github.com/poanetwork/poa-dapps-voting.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

(remove) unused files - (refactor) some scss

This commit is contained in:
Gabriel Rodriguez Alsina 2019-01-02 15:29:47 -03:00
parent be14025553
commit 1b39f7b6dc
18 changed files with 80 additions and 386 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/assets/images/select.png → src/assets/images/Base/select.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 91 B

After

Width:  |  Height:  |  Size: 91 B

0
src/assets/images/select@2x.png → src/assets/images/Base/select@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 111 B

After

Width:  |  Height:  |  Size: 111 B

BIN
src/assets/images/info.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 373 B

BIN
src/assets/images/info@2x.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 675 B

47
src/assets/stylesheets/application/_ballot-types.scss
View File

@ -1,47 +0,0 @@
.ballot-types {
background-color: #fff;
border-bottom: 1px solid $base-border-color;
padding: 20px 30px 10px;
&-i {
$i-height: 30px;
color: $gray-text-color;
cursor: pointer;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
position: relative;
line-height: $i-height;
&:before {
background-color: $poa-purple;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
content: '';
height: $i-height;
left: -30px;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 4px;
.sokol & {
background-color: $sokol-cyan;
}
}
&_active {
color: $poa-purple;
&:before {
opacity: 1;
}
.sokol & {
color: $sokol-cyan;
}
}
}
}

61
src/assets/stylesheets/application/_controls.scss
View File

@ -1,59 +1,4 @@
label {
color: $gray-text-color;
display: inline-block;
font-size: 13px;
line-height: 1.2;
margin-bottom: 15px;
}
input,
textarea {
@extend %form-el;
&:focus {
border-color: #fff;
}
&[type='radio'] {
display: none;
}
}
textarea {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
height: 70px;
resize: none;
}
select {
@include image-2x('#{ $base-images-path }/select@2x.png', 8px, 4px);
@extend %form-el;
appearance: none;
background-image: url('#{ $base-images-path }/select.png');
background-position: right 13px center;
background-repeat: no-repeat;
padding-right: 30px;
}
button {
@extend %button;
background-color: fade-out($poa-purple, 0.9);
color: $poa-purple;
&.load-more {
margin-bottom: 50px;
@media screen and (max-width: $container-max-width) {
margin-bottom: 80px;
}
@media screen and (max-width: $breakpoint-md) {
margin-top: 80px;
}
}
}
.radio-button {
position: relative;
@ -124,9 +69,9 @@ button {
}
}
.form-el {
margin-bottom: 30px;
}
// .form-el {
// margin-bottom: 30px;
// }
.hint {
color: #777;

99
src/assets/stylesheets/application/_info.scss
View File

@ -1,99 +0,0 @@
$padding-left-items: 25px;
.info {
color: #000;
.ballots & {
background-position: 0 2px;
background-repeat: no-repeat;
color: #333333;
font-size: 14px;
font-weight: normal;
letter-spacing: normal;
line-height: 1.71;
margin-bottom: 20px;
max-width: 100%;
min-height: 32px;
padding-left: 30px;
text-align: left;
word-break: break-word;
&:last-child {
margin-bottom: 0;
}
&-minimum {
background-image: url('#{ $base-images-path }/icons/icon-min.svg');
background-size: 18px 18px;
}
&-details {
background-image: url('#{ $base-images-path }/icons/icon-info.svg');
background-size: 10px 18px;
position: relative;
&.collapsed {
height: 90px;
overflow: hidden;
}
.toggle-show {
color: $poa-purple;
cursor: pointer;
display: inline-block;
margin-left: 5px;
.sokol & {
color: $sokol-cyan;
}
}
}
}
.new-form & {
padding: 30px;
}
&-title {
color: $gray-text-color;
font-size: 16px;
font-weight: 400;
margin-bottom: 30px;
padding-left: 25px;
position: relative;
&:before {
background-image: url('#{ $base-images-path }/icons/icon-info.svg');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 10px 18px;
content: '';
height: 32px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
}
&-i {
color: #777;
font-size: 14px;
line-height: 1.71;
margin-bottom: 20px;
padding-left: $padding-left-items;
position: relative;
&:before {
$circle-dimensions: 6px;
background-color: #333;
border-radius: 50%;
content: '';
height: $circle-dimensions;
left: 0;
position: absolute;
top: 8px;
width: $circle-dimensions;
}
}
}

124
src/assets/stylesheets/application/ballots/_base.scss
View File

@ -1,124 +0,0 @@
.ballots {
.title {
margin-bottom: 50px;
@media screen and (max-width: $breakpoint-md) {
margin-bottom: $tablet-indent;
}
@media screen and (max-width: $mobile-width) {
margin-bottom: $mobile-indent;
}
}
&-about {
margin-top: -8px;
}
&-i {
@extend %white-block;
background-color: #fff;
&-scale {
border-top: 1px solid $base-border-color;
display: flex;
margin-bottom: 30px;
margin-top: 30px;
padding: 30px 0 0 0;
@media screen and (max-width: $breakpoint-md) {
display: block;
margin-top: $tablet-indent;
padding: $tablet-indent 0 0 0;
}
@media screen and (max-width: $mobile-width) {
margin-top: $mobile-indent;
padding: $mobile-indent 0 0 0;
}
&-column {
display: flex;
flex-grow: 1;
justify-content: space-between;
margin-right: 40px;
@media screen and (max-width: $breakpoint-md) {
margin-bottom: 30px;
margin-right: 0;
overflow: hidden;
width: 100%;
}
&:last-child {
margin-right: 0;
}
&.reverse-responsive {
@media screen and (max-width: $breakpoint-md) {
flex-direction: row-reverse;
}
}
}
}
&--name {
overflow: hidden;
text-overflow: ellipsis;
}
&--see-all-proposal {
display: inline-block;
margin-top: 5px;
}
&--vote {
@extend %_button;
&-label {
color: #333;
cursor: default;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
@media screen and (max-width: $mobile-width) {
margin-bottom: 25px;
}
}
&-label-right {
margin-left: auto !important;
}
&_btn {
line-height: 44px;
min-width: 55px;
text-transform: capitalize;
&.xl {
min-width: 78px;
}
&.m-r-20 {
margin-right: 20px;
}
&.m-l-20 {
margin-left: 20px;
}
@media screen and (max-width: $breakpoint-md) {
&.m-r-20,
&.m-l-20 {
margin-left: 0;
margin-right: 20px;
}
}
}
}
}
}
.color-primary {
color: $poa-purple;
.sokol & {
color: $sokol-cyan;
}
}
.color-danger {
color: $poa-danger-color;
.sokol & {
color: $sokol-danger-color;
}
}
.color-success {
color: $poa-green-color;
.sokol & {
color: $sokol-cyan;
}
}

7
src/assets/stylesheets/application/ballots/_placeholders.scss
View File

@ -1,7 +0,0 @@
%_button {
@extend %button;
border-radius: 2px;
padding: 0 13px;
font-size: 13px;
font-weight: bold;
}

3
src/assets/stylesheets/base/_display.scss
View File

@ -1,5 +1,6 @@
.hidden {
display: none;
// TODO: Reset when done
// display: none;
}
.display-block {

41
src/assets/stylesheets/base/_forms.scss
View File

@ -1,7 +1,40 @@
.lo-FormElement {
margin-bottom: 30px;
}
label {
color: $gray-text-color;
display: inline-block;
font-size: 13px;
line-height: 1.2;
margin-bottom: 15px;
}
input {
@include form-element-base-style();
height: $input-height;
&[type='radio'] {
display: none;
}
}
textarea {
border-radius: 3px;
box-shadow: none;
outline: none;
overflow: auto;
@include form-element-base-style();
height: 70px;
padding-bottom: 10px;
padding-top: 10px;
resize: none;
width: 100%;
}
select {
@include form-element-base-style();
@include image-2x('#{ $base-images-path }/Base/select@2x.png', 8px, 4px);
appearance: none;
background-image: url('#{ $base-images-path }/Base/select.png');
background-position: right 13px center;
background-repeat: no-repeat;
height: $input-height;
padding-right: 30px;
}

1
src/assets/stylesheets/components/_BallotDataPair.scss
View File

@ -20,6 +20,7 @@ $cell-right-padding: 12px;
&#{ & }-name {
width: 12%;
word-break: break-word;
}
&#{ & }-action {
width: 8%;

8
src/assets/stylesheets/components/_NewBallot.scss
View File

@ -9,7 +9,7 @@
display: block;
margin-bottom: 30px;
overflow: hidden;
transition: 0.15s box-shadow, 0.15s -webkit-box-shadow;
transition: 0.15s box-shadow;
@media (min-width: $breakpoint-md) {
display: flex;
@ -33,10 +33,8 @@
.new-NewBallot_FormContent {
box-sizing: border-box;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
flex-grow: 1;
padding: 30px;
@media (min-width: $breakpoint-md) {
border-left: 1px solid $base-border-color;

32
src/assets/stylesheets/helpers/_form-mixins.scss Normal file
View File

@ -0,0 +1,32 @@
@mixin form-element-base-style {
transition: 0.25s background-color, 0.25s border-color;
background-color: #fff;
border-radius: 3px;
border: 1px solid $base-border-color;
box-sizing: border-box;
color: $input-color;
font-size: 14px;
outline: none;
padding: 0 10px;
width: 100%;
&:hover,
&:active,
&:focus {
border-color: darken($base-border-color, 10%);
color: $input-color;
}
&[disabled],
&.disabled {
&,
&:hover,
&:active,
&:focus {
border-color: darken($base-border-color, 10%);
color: $input-color;
cursor: default;
opacity: 0.6;
}
}
}

1
src/assets/stylesheets/helpers/_index.scss
View File

@ -5,4 +5,5 @@
@import 'brand-icons-mixins';
@import 'content-layout';
@import 'form-mixins';
@import 'menu-icon-mixins';

35
src/assets/stylesheets/helpers/_placeholders.scss
View File

@ -1,13 +1,4 @@
%full-width {
left: 0;
right: 0;
}
%logos {
@include image-2x('./images/logos@2x.png', 182px, 59px);
display: block;
background-image: url(./images/logos.png);
}
%white-block {
background-color: #fff;
@ -23,32 +14,6 @@
}
}
%form-el {
transition: 0.3s background-color,
0.3s border-color;
background-color: #fff;
border-radius: 3px;
border: 1px solid $base-border-color;
box-sizing: border-box;
color: #444;
font-size: 14px;
height: $input-height;
outline: none;
padding: 0 10px;
width: 100%;
&:hover {
border-color: #8e959d;
color: $input-color;
}
&:focus {
border-color: $poa-purple;
color: $input-color;
.sokol & {
border-color: $sokol-cyan;
}
}
}
%button {
cursor: pointer;
display: inline-block;

2
src/assets/stylesheets/index.css
View File

File diff suppressed because one or more lines are too long

5
src/assets/stylesheets/index.scss
View File

@ -8,9 +8,4 @@
// @import 'application/base';
// @import 'application/buttons';
@import 'application/controls';
// @import 'application/info';
@import 'application/new';
@import 'application/ballot-types';
@import 'application/ballots/placeholders';
@import 'application/ballots/base'; // TODO: DELETE THIS, REFACTOR!!!