Skip to content

G
getme
Commit 6abb0eb2 by muhsin
Options

fixed nearby styles

parent d879de5e
Showing with 25 additions and 69 deletions
src/app/nearby/nearby.page.scss
...@@ -46,81 +46,36 @@ ...@@ -46,81 +46,36 @@
padding: 0px; padding: 0px;
font-weight: 800; font-weight: 800;
} }
ul {
margin: 0px;
padding: 0px;
padding-top: 30px;
li {
list-style: none;
margin-bottom: 15px;
p { p {
margin: 0px;
padding: 0px;
color: rgba(176, 174, 199, 1);
padding-top: 5px;
padding-bottom: 5px;
} }
.styled-checkbox { input {
position: absolute; // take it out of document flow
opacity: 0; // hide it
&+label {
position: relative;
cursor: pointer;
padding: 0;
width: 100%; width: 100%;
} height: 45px;
// Box. border: 1px solid #e1e0eb;
&+label:before { border-radius: 4px;
content: ''; padding-left: 10px;
margin-right: 10px; padding-right: 10px;
display: inline-block; margin-bottom: 20px;
vertical-align: text-top; }
width: 20px; .add_btn {
height: 20px; width: 100%;
border-radius: 50%; height: 45px;
background: white; background-color: #29285b;
border: 1px solid rgba(215, 213, 228, 1); color: #fff;
} border-radius: 4px;
&:checked+label:before {
background: #29285b;
}
// Disabled state label.
&:disabled+label {
color: #b8b8b8;
cursor: auto;
}
// Disabled box.
&:disabled+label:before {
box-shadow: none;
background: #ddd;
}
// Checkmark. Could be replaced with an image
&:checked+label:after {
content: '';
position: absolute;
left: 6px;
top: 10px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
transform: rotate(45deg);
}
}
}
} }
} }
.styled-checkbox { .styled-checkbox {
position: absolute; // take it out of document flow position: absolute; // take it out of document flow
opacity: 0; // hide it opacity: 0; // hide it
&+label { & + label {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
} }
// Box. // Box.
&+label:before { & + label:before {
content: ''; content: '';
margin-right: 10px; margin-right: 10px;
display: inline-block; display: inline-block;
...@@ -133,21 +88,21 @@ ...@@ -133,21 +88,21 @@
} }
// Box hover // Box hover
// Box checked // Box checked
&:checked+label:before { &:checked + label:before {
background: #29285b; background: #29285b;
} }
// Disabled state label. // Disabled state label.
&:disabled+label { &:disabled + label {
color: #b8b8b8; color: #b8b8b8;
cursor: auto; cursor: auto;
} }
// Disabled box. // Disabled box.
&:disabled+label:before { &:disabled + label:before {
box-shadow: none; box-shadow: none;
background: #ddd; background: #ddd;
} }
// Checkmark. Could be replaced with an image // Checkmark. Could be replaced with an image
&:checked+label:after { &:checked + label:after {
content: ''; content: '';
position: absolute; position: absolute;
left: 6px; left: 6px;
...@@ -155,7 +110,8 @@ ...@@ -155,7 +110,8 @@
background: white; background: white;
width: 2px; width: 2px;
height: 2px; height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white,
4px -6px 0 white, 4px -8px 0 white;
transform: rotate(45deg); transform: rotate(45deg);
} }
} }
src/app/profile/profile.page.scss
...@@ -82,11 +82,11 @@ ...@@ -82,11 +82,11 @@
width: 20px; width: 20px;
} }
} }
}
.ar-span { .ar-span {
color: rgba(206, 153, 76, 1); color: rgba(206, 153, 76, 1);
margin-left: 10px; margin-left: 10px;
} }
}
p { p {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
...@@ -162,8 +162,8 @@ ...@@ -162,8 +162,8 @@
text-transform: uppercase; text-transform: uppercase;
} }
.btn-cancel { .btn-cancel {
border: 1px solid #29285B; border: 1px solid #29285b;
background-color: #29285B; background-color: #29285b;
} }
.btn-logout { .btn-logout {
background-color: #fff; background-color: #fff;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment