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

Last commit: Thu Apr 22 00:32:16 2021 +0200	Jan Dankert	Fix: Do not show the dialog filler on mobile devices.


     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 /*
    21 Basis-Style for Openrat.
    22 */
    23 
    24 
    25 /* Usage to this variable is safe to be removed */
    26 @color-overridden-by-theme: black;
    27 
    28 @smartphones: ~"only screen and (max-width: 55rem)";
    29 
    30 
    31 
    32 .or {
    33     &-dialog {
    34 
    35       position: absolute;
    36       z-index: 2;
    37       top: 0;
    38       left: 0;
    39       width:0;
    40       opacity: 0;
    41       visibility: hidden;
    42       overflow: hidden;
    43       display: flex;
    44 
    45       //display: none;
    46       height: 100%;
    47       flex-direction: row;
    48 
    49       &--is-open {
    50         visibility: visible;
    51         overflow-y: auto;
    52         opacity: 1;
    53         width:100%;
    54         .or-dialog-filler {
    55           width: 15%;
    56 
    57           @media @smartphones {
    58             width: 0;
    59           }
    60         }
    61       }
    62 
    63       &-filler {
    64         height: 100%;
    65         width: 100%;
    66         opacity: 0.6;
    67         filter: blur(10em);
    68 
    69 
    70 
    71         &-icon {
    72           opacity: 1;
    73           font-size: 3em;
    74           position: absolute;
    75           right: 20px;
    76           top: 20px;
    77         }
    78       }
    79 
    80       &-content {
    81 
    82           flex: 1;
    83           overflow: auto;
    84           //position: absolute;
    85 
    86           //top: 0;
    87           //left: 0;
    88           //width: 100%;
    89           height: 100%;
    90 
    91           //margin-left:10em;
    92 
    93           z-index: 3;
    94 
    95           .or-view {
    96             height: 100%;
    97           }
    98 
    99       }
   100 
   101     }
   102 }



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


History
Thu, 22 Apr 2021 00:32:16 +0200	Jan Dankert	Fix: Do not show the dialog filler on mobile devices.
Wed, 21 Apr 2021 21:41:28 +0200	Jan Dankert	New: Using transitions for dialog popup
Mon, 8 Mar 2021 02:27:23 +0100	Jan Dankert	Revert "UI-Refactoring: Show the dialog on desktops as a popup. Mmm, should we stay with popups? Don't know."
Mon, 8 Mar 2021 02:16:08 +0100	Jan Dankert	UI-Refactoring: Show the dialog on desktops as a popup. Mmm, should we stay with popups? Don't know.
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.
Sat, 14 Nov 2020 22:02:21 +0100	Jan Dankert	Fixed: Notices may display a message.
Tue, 10 Nov 2020 23:02:27 +0100	Jan Dankert	Colorize the background image with the theme background color.
Sat, 24 Oct 2020 23:51:11 +0200	Jan Dankert	Cleanup LESS files, introduce BEM.