Last commit: Sun Dec 8 20:56:47 2024 +0100	Jan Dankert	New: Users are now able to store bookmarks.


      @color-overridden-by-theme: black;
      
      .border-radius (@radius) {
          border-radius: @radius;
          -moz-border-radius: @radius;
          -webkit-border-radius: @radius;
          -khtml-border-radius: @radius;
      }
      
     @small: ~"only screen and (max-width: 65rem)";
     
     @media only screen and (min-width: 65rem) {
     
       .or-workbench-main {
     
         &-form {
     
           &-row {
     
             flex-direction: row;
     
             .or-form-label {
               width: 25%;
             }
     
             .or-form-input {
               width: 75%;
             }
           }
     
         }
       }
     }
     
     
     .or {
     
         &-form {
             display: flex;
             height: 100%;
             flex-direction: column;
             padding: 1em;
     
             &-checkbox,
             &-radio {
               //transform: scale(1.5); // Increase size of checkboxes
               margin-right: 1em;
               //appearance: none;
               width:1.5em;
               height: 1.5em;
               border: 1px solid;
               accent-color: var(--cms-image-color);
             }
             &-checkbox {
               border-radius: 2px;
             }
             &-radio {
               border-radius: 0.75em;
             }
     
             &-headline {
                 height: 2em;
             }
     
             &-content {
                 flex-grow: 1;
                 padding-bottom: 6em;
                 //overflow-y: auto;
     
             }
     
             &-row {
                 display: flex;
                 align-items: center;
     
                 flex-direction: column;
     
                   .or-form-label,
                   .or-form-input {
                       width: 100%;
                   }
     
             }
     
     
             &-actionbar {
     
                 height: 3em;
                 position: sticky;
                 bottom: 0;
                 left: 0;
                 right: 0;
     
                 display: flex;
                 justify-content: center;
                 padding: 1em;
                 height: auto;
     
             }
    
    
    
            @media @small {
                .or-act-form-apply {
                    display: none;
                }
    
            }
    
        }
    
    
        &-input {
            width: 85%;
            border: 0;
            border-width: 0;
            border-bottom: 1px solid;
            //border-radius: 4px;
            box-sizing: border-box;
            resize: vertical;
            padding: 0.5em;
            margin: 0;
            outline: none;
    
            &--name {
                font-weight: bold;
            }
    
            &--filename, &--extension {
                font-family: 'Source Code Pro', Monospace, Monospaced, Courier;
            }
    
    
        }
    
    
        /* Buttons  */
        &-btn {
            padding: 0.2em;
            border: 1px solid @color-overridden-by-theme;
            .border-radius(0.1em);
            cursor: pointer;
    
            &--control {
                padding: 1em 2em;
                margin-left: 1.5em;
                min-width: 14em;
                .border-radius(0.5em);
    
                @media @small {
                    padding: 1em 1em;
                    min-width: 5em;
                }
            }
    
            &--primary {
                font-weight: bold;
            }
    
            &--secondary {
                @media @small {
                    min-width: 0;
                }
            }
        }
    }
    
    .or-act-form-cancel {
      display: none; // no cancel buttons - more UX... maybe.
    }


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

History
Sun, 8 Dec 2024 20:56:47 +0100	Jan Dankert	New: Users are now able to store bookmarks.
Wed, 30 Oct 2024 22:17:22 +0100	Jan Dankert	UI-Refactoring: The navigation is now able to open its own dialog.
Tue, 30 Nov 2021 23:56:16 +0100	dankert	New: Checkboxes and Radio buttons with theme colors.
Mon, 29 Nov 2021 01:22:40 +0100	Jan Dankert	New: Themes may contain multiple color schemes (for now only "dark" and "light"), modern browsers are selecting the right scheme.
Mon, 15 Feb 2021 00:47:53 +0100	Jan Dankert	Fix: Displaying global search results instead of navigation.
Sun, 14 Feb 2021 23:18:14 +0100	Jan Dankert	New: Confirmation needed if a dialog is closed which has unsaved changes.
Fri, 12 Feb 2021 22:41:40 +0100	Jan Dankert	Nicer look of the search input field (outline:none was the key)
Fri, 12 Feb 2021 00:43:08 +0100	Jan Dankert	New: Style colors; Fix: Mobile navigation, global search.
Tue, 1 Dec 2020 00:07:39 +0100	Jan Dankert	New: Visibility-Button for password fields, fix: QR-code button for mobile devices.
Sat, 14 Nov 2020 22:32:01 +0100	Jan Dankert	Fix: Show name/description of default language.
Thu, 5 Nov 2020 22:56:49 +0100	Jan Dankert	box-shadow should only be set in the theme css (because a color is needed and a color is theming)
Thu, 5 Nov 2020 22:51:14 +0100	Jan Dankert	Cleaned up the LESS files, more use of the BEM schema.
Sun, 18 Oct 2020 01:30:49 +0200	Jan Dankert	New component "fieldset" for better form layout.
Sat, 10 Oct 2020 01:29:41 +0200	Jan Dankert	Refactoring: Only using CSS classes with the 'or-'-prefix.
Wed, 7 Oct 2020 23:29:12 +0200	Jan Dankert	Fix: The password field was unstyled.
Mon, 5 Oct 2020 23:32:06 +0200	Jan Dankert	UI: Nicer buttons
Sun, 4 Oct 2020 23:53:25 +0200	Jan Dankert	New: The tree is now hidable with a dedicated button. No more hover effect in the navigation.