PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
mstdmstd
Отправлено: 31 Мая, 2018 - 15:38:29
Post Id


Гость


Покинул форум
Сообщений всего: 121
Дата рег-ции: Авг. 2014  


Помог: 0 раз(а)




Всем привет,
Есть laravel 5, Voyager template/ Bootstrap 3.3.7 приложение у которого сайдбар админки отображается слева https://imgur[dot]com/a/tD9ufRY :
Нужно поместить сайдбар сверху.

vendor/tcg/voyager/resources/vie ws/dashboard/sidebar.blade.php :
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <div class="side-menu sidebar-inverse">
  3.     <nav class="navbar navbar-default" role="navigation">
  4.         <div class="side-menu-container">
  5.             <div class="navbar-header">
  6.                 <a class="navbar-brand" href="{{ route('voyager.dashboard') }}">
  7.                     <div class="logo-icon-container">
  8.                         <?php $admin_logo_img = Voyager::setting('admin.icon_image', ''); ?>
  9.                         @if($admin_logo_img == '')
  10.                             <img src="{{ voyager_asset('images/logo-icon-light.png') }}" alt="Logo Icon">
  11.                         @else
  12.                             <img src="{{ Voyager::image($admin_logo_img) }}" alt="Logo Icon">
  13.                         @endif
  14.                     </div>
  15.                     <div class="title">{{Voyager::setting('admin.title', 'VOYAGER')}}</div>
  16.                 </a>
  17.             </div><!-- .navbar-header -->
  18.  
  19.             <div class="panel widget center bgimage"
  20.                 style="background-image:url({{ Voyager::image( Voyager::setting('admin.bg_image'), voyager_asset('images/bg.jpg') ) }}); background-size: cover; background-position: 0px;">
  21.                 <div class="dimmer"></div>
  22.                 <div class="panel-content">
  23.                     <img src="{{ $user_avatar }}" class="avatar" alt="{{ Auth::user()->name }} avatar">
  24.                     <h4>{{ ucwords(Auth::user()->name) }}</h4>
  25.                     <p>{{ Auth::user()->email }}</p>
  26.  
  27.                     <a href="{{ route('voyager.profile') }}" class="btn btn-primary">{{ __('voyager::generic.profile') }}</a>
  28.                     <div style="clear:both"></div>
  29.                 </div>
  30.             </div>
  31.  
  32.         </div>
  33.  
  34.         {!! menu('admin', 'admin_menu') !!}
  35.     </nav>
  36. </div>
  37.  
  38.  

Этот темплейт подключен в файле vendor/tcg/voyager/resources/views/master.blade.php:
CODE (htmlphp):
скопировать код в буфер обмена
  1. ...
  2. <body class="voyager @if(isset($dataType) && isset($dataType->slug)){{ $dataType->slug }}@endif">
  3.  
  4. <div id="voyager-loader">
  5.     <?php $admin_loader_img = Voyager::setting('admin.loader', ''); ?>
  6.     @if($admin_loader_img == '')
  7.         <img src="{{ voyager_asset('images/logo-icon.png') }}" alt="Voyager Loader">
  8.     @else
  9.         <img src="{{ Voyager::image($admin_loader_img) }}" alt="Voyager Loader">
  10.     @endif
  11. </div>
  12.  
  13. <?php
  14. if (starts_with(Auth::user()->avatar, 'http://') || starts_with(Auth::user()->avatar, 'https://')) {
  15.    $user_avatar = Auth::user()->avatar;
  16. } else {
  17.    $user_avatar = Voyager::image(Auth::user()->avatar);
  18. }
  19. ?>
  20.  
  21. <div class="app-container">
  22.     <div class="fadetoblack visible-xs"></div>
  23.     <div class="row content-container">
  24.         @include('voyager::dashboard.navbar')
  25.         @include('voyager::dashboard.sidebar')
  26.         <script>
  27.            (function(){
  28. ...
  29.  


Не подскажите, что нужно подправить сайдбар в вверх?

Спасибо!
 
 Top
mstdmstd
Отправлено: 01 Июня, 2018 - 08:16:03
Post Id


Гость


Покинул форум
Сообщений всего: 121
Дата рег-ции: Авг. 2014  


Помог: 0 раз(а)




В файле vendor/tcg/voyager/resources/vie ws/dashboard/sidebar.blade.php я оставил 3 строки:
CODE (html):
скопировать код в буфер обмена
  1.     <nav class="navbar sidebar-inverse" role="navigation">
  2.         {!! menu('admin', 'admin_menu') !!}
  3.     </nav>
  4.  

И меню поднялось как и надо и выглядит более менее нормально https://imgur[dot]com/a/C1fonDS

Хуже если выбрать один из элементов из подменю : https://imgur[dot]com/a/EkgnU4h
Цвета я добавил для наглядности :
CODE (html):
скопировать код в буфер обмена
  1. .panel-collapse.in {
  2.      border: 2px dotted green !important;
  3.      background-color: yellow !important;
  4.  }
  5.  
  6.  ul .navbar-nav {
  7.      background-color: blue !important;
  8.  
  9.  }
  10.  

Сначала я выбрал пункт меню "Delivery Warehouse", после “Settings”. Подскажите, пожалуйста, можно ли меняя
стили (код этого темплейта где-то в дебрях Voyager-а) сделать так чтобы:
    1) При нажатии на “Settings” ранее открытый пункт меню "Delivery Warehouse" прятался
    2) пункт меню “Settings” оставался на месте а не опускался вниз
    3) Все элементы подменю выстраивались в одну колонку, а не блоком как сейчас.


Спасибо!
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB