File modules/cms/ui/themes/default/style/openrat-breadcrumb.less

Last commit: Sat Dec 7 01:57:07 2024 +0100	Jan Dankert	UI: Show Breadcrumb under the workbench-title.


     1 /*
     2 OpenRat Content Management System
     3 Copyright (C) 2002-2010 Jan Dankert
     4 
     5 This program is free software; you can redistribute it and/or
     6 modify it under the terms of the GNU General Public License
     7 as published by the Free Software Foundation; either version 2
     8 of the License, or (at your option) any later version.
     9 
    10 This program is distributed in the hope that it will be useful,
    11 but WITHOUT ANY WARRANTY; without even the implied warranty of
    12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    13 GNU General Public License for more details.
    14 
    15 You should have received a copy of the GNU General Public License
    16 along with this program; if not, write to the Free Software
    17 Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
    18 */
    19 
    20 @smartphones: ~"only screen and (max-width: 55rem)";
    21 @wide: ~"only screen and (min-width: 100rem)";
    22 
    23 
    24 .or-workbench-title {
    25 
    26     .or-breadcrumb {
    27       margin-left: 0;
    28       margin-right: 0.5em;
    29 
    30       > * {
    31           vertical-align: middle;
    32           display: inline;
    33           margin-right: 0.3em;
    34       }
    35 
    36       &-actual-parent {
    37         @media @wide {
    38           display: none;
    39         }
    40 
    41         @media @smartphones {
    42           display: none;
    43         }
    44 
    45       }
    46 
    47       &-path {
    48         //opacity: 0.55;
    49         display: none;
    50 
    51         @media @wide {
    52           display: inline;
    53         }
    54       }
    55 
    56       &-actual {
    57 
    58         //overflow: hidden;
    59         //max-width: 0;
    60       }
    61 
    62       &-item {
    63             //font-size: 1.15em;
    64 
    65 /*            .or-image-icon {
    66                 margin-right: 0.2em;
    67                 @media @smartphones {
    68                   display: none;
    69                 }
    70             }*/
    71         }
    72       &-text {
    73         //font-size: 1.25em;
    74         font-weight: bold;
    75         max-width: 12em;
    76         @media @wide {
    77           max-width: 16em;
    78         }
    79         @media @smartphones {
    80           max-width: none;
    81         }
    82         white-space: nowrap;
    83         text-overflow: ellipsis;
    84         overflow: hidden;
    85         display: inline-block;
    86       }
    87 
    88       .or-breadcrumb-actual-icon {
    89         @media @smartphones {
    90           // Cleaner UI on mobile
    91           display: none;
    92         }
    93       }
    94     }
    95 }
    96 
    97 .or-workbench-content {
    98     .or-breadcrumb {
    99       padding:0.3em;
   100       font-size: 0.9em;
   101       overflow-x: auto;
   102       margin-left: 0;
   103       margin-right: 0.5em;
   104 
   105       .or-breadcrumb-path {
   106         .or-breadcrumb-text {
   107           opacity: 0.8;
   108         }
   109       }
   110 
   111       .or-breadcrumb-actual-parent {
   112         display: none;
   113       }
   114 
   115       > * {
   116         vertical-align: middle;
   117         display: inline;
   118         margin-right: 0.3em;
   119       }
   120 
   121       .or-breadcrumb-actual-parent {
   122           display: none;
   123       }
   124 
   125       &-path {
   126         display: inline;
   127       }
   128 
   129       &-actual {
   130 
   131         //overflow: hidden;
   132         //max-width: 0;
   133       }
   134 
   135       &-item {
   136         //font-size: 1.15em;
   137 
   138         /*            .or-image-icon {
   139                         margin-right: 0.2em;
   140                         @media @smartphones {
   141                           display: none;
   142                         }
   143                     }*/
   144       }
   145 
   146       &-text {
   147         //font-size: 1.25em;
   148         //font-weight: bold;
   149         max-width: 10em;
   150         @media @smartphones {
   151           max-width: 6em;
   152         }
   153         white-space: nowrap;
   154         text-overflow: ellipsis;
   155         overflow: hidden;
   156         display: inline-block;
   157       }
   158     }
   159 }
   160 
   161 



Download modules/cms/ui/themes/default/style/openrat-breadcrumb.less


History
Sat, 7 Dec 2024 01:57:07 +0100	Jan Dankert	UI: Show Breadcrumb under the workbench-title.
Fri, 2 Apr 2021 00:31:39 +0200	Jan Dankert	Only 1 Button for shrinking the menu on desktop
Sat, 13 Feb 2021 00:01:53 +0100	Jan Dankert	Fix: Navigation is available, while dialog is open; Fix: Shrink Action title text if necessary.
Fri, 12 Feb 2021 00:43:08 +0100	Jan Dankert	New: Style colors; Fix: Mobile navigation, global search.
Wed, 10 Feb 2021 00:00:21 +0100	Jan Dankert	Using only fullscreen views; Navigate to parent instead of complete breadcrumb.
Tue, 9 Feb 2021 00:05:36 +0100	Jan Dankert	Moving the breadcrumb navigation to the title bar.
Mon, 9 Nov 2020 22:29:34 +0100	Jan Dankert	UI-Refactoring: The navigation is now on the left side with full height.