hotstovejer/openclassify
0
0
Fork 0
mirror of https://github.com/openclassify/openclassify.git synced 2026-01-11 18:01:10 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

#1635 [order-module] add design

Browse Source
This commit is contained in:
Diatrex 2020-06-10 18:25:09 +03:00
parent 253193be1a
commit 4e6b749946
3 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
addons/default/visiosoft/profile-module/resources/assets/css/profile-nav.scss
View File

@ -3,14 +3,9 @@
bottom: 10%;
z-index: 1;
button {
color: rgba(0,0,0,.5);
border: 0;
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: #E91E63;
border-radius: .25rem;
img {
width: 3rem;
height: 3rem;
}
}
@ -28,13 +23,15 @@
-webkit-transition: 300ms ease;
transition: 300ms ease;
@media only screen and (min-width: 768px) {
padding: 1.5rem 2.25rem;
height: initial;
position: initial;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
}
@media only screen and (min-width: 992px) {
padding: 1.5rem 2.25rem;
}
&.reveal {
-webkit-transform: translateX(0%);

11
addons/default/visiosoft/profile-module/resources/images/nav-menu.svg Normal file
View File

@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55">
<g id="Group_3192" data-name="Group 3192" transform="translate(-32 -493)">
<circle id="Ellipse_89" data-name="Ellipse 89" cx="27.5" cy="27.5" r="27.5" transform="translate(32 493)" fill="#22547c" opacity="0.73"/>
<g id="navbar_mobile_light" transform="translate(24 462.55)">
<rect id="rectangle" width="39" height="36" transform="translate(16 40.45)" fill="rgba(0,0,0,0)"/>
<rect id="Rectangle_137" data-name="Rectangle 137" width="30" height="3" transform="translate(21 64.45)" fill="#fff"/>
<rect id="Rectangle_138" data-name="Rectangle 138" width="30" height="3" transform="translate(21 56.45)" fill="#fff"/>
<rect id="Rectangle_139" data-name="Rectangle 139" width="30" height="3" transform="translate(21 48.45)" fill="#fff"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 872 B

5
addons/default/visiosoft/profile-module/resources/views/profile/partials/navigation.twig
View File

@ -1,7 +1,6 @@
<div class="col-12 navbar-dark py-2 d-md-none profile-nav-toggler">
<button class="rounded-circle p-2" id="navbarSideButton" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<img src="{{ img('visiosoft.module.profile::images/nav-menu.svg').url }}" alt="nav icon" id="navbarSideButton"
class="ml-2">
</div>
<div class="col-10 col-sm-6 col-md-3 profile-navigation border rounded navbar-side bg-white" id="navbarSide">
<a href="{{ url_route('profile::profile') }}" class="px-3 mb-2 link-unstyled">