Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Verified Commit 6245030f authored by Nivesh Krishna's avatar Nivesh Krishna
Browse files

changes synced from latest commits

parent 498fb120

styles.css

+206 −19
Original line number Diff line number Diff line
@@ -25,6 +25,11 @@ 
    backdrop-filter: var(--filter-background-blur, none);

}



#rl-app #rl-left,

#rl-app #V-AdminPane>.b-toolbar {

    width: 300px;

}



#rl-app #rl-right {

    background-color: var(--color-main-background);

}
@@ -64,9 +69,10 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { 
    }

}



#rl-app #V-AdminMenu nav,

#rl-app #V-SettingsMenu nav.b-content,

.b-folders .b-content {

    padding: 8px;

    padding: calc(var(--default-grid-baseline) * 2);

}



#rl-app .b-folders .b-content {
@@ -78,6 +84,10 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { 
    bottom: 56px;

}



#rl-app .row {

    margin-left: unset;

}



/*

 * icons

 */
@@ -98,10 +108,71 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { 
    vertical-align: -10%;

}



#rl-app .drag-handle {

    color: var(--color-text-lighter);

}



/*

 * alerts

 */



#rl-app .alert {

    text-shadow: unset;

    border: unset;

    color: var(--color-main-text);

    background-color: rgba(var(--color-warning-rgb), 0.1);

    border-inline-start: 4px solid var(--color-warning);

    border-radius: var(--border-radius);

    margin: 1rem;

    padding: 1rem;

}



#rl-app .alert h4 {

    font-weight: bold;

    font-size: 20px;

    margin-top: unset;

    margin-bottom: 12px;

    line-height: 30px;

    color: var(--color-text-light);

}



#rl-app .alert.alert-info {

    background-color: var(--color-background-dark);

    border-color: var(--color-background-darker);

}



#rl-app .alert.alert-warning {

    background-color: rgba(var(--color-warning-rgb), 0.1);

    border-color: var(--color-warning);

}



#rl-app .alert.alert-success {

    background-color: rgba(var(--color-success-rgb), 0.1);

    border-color: var(--color-success);

}



#rl-app .alert.alert-error {

    background-color: rgba(var(--color-error-rgb), 0.1);

    border-color: var(--color-error);

}



#rl-app .alert br {

    display: none;

}



/*

 * side panel

 */



#rl-app #V-AdminPane>.b-toolbar {

    top: 0;

    left: 0;

    padding-top: calc(var(--default-grid-baseline) * 2) !important;

    font-weight: bold;

}



#rl-app #V-AdminMenu nav a,

#rl-app #V-AdminPane>.b-toolbar,

#rl-app #V-SettingsMenu nav a,

#rl-app .b-folders li a.selectable {

    margin: 2px;
@@ -113,17 +184,23 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { 
    border: none;

}



#rl-app #V-AdminMenu nav a,

#rl-app #V-AdminPane>.b-toolbar,

#rl-app #V-SettingsMenu nav a {

    height: 44px;

    min-height: 44px;

    line-height: 44px;

}



#rl-app #V-AdminMenu nav a.selected,

#rl-app #V-SettingsMenu nav a.selected,

#rl-app .b-folders li a.selectable.selected {

    color: unset;

    background-color: var(--color-primary-light);

}



#rl-app #V-AdminMenu nav a:not(.selected):hover,

#rl-app #V-AdminMenu nav a:not(.selected):focus,

#rl-app #V-SettingsMenu nav a:not(.selected):hover,

#rl-app #V-SettingsMenu nav a:not(.selected):focus,

#rl-app .b-folders li a.selectable:not(.selected):hover,
@@ -135,12 +212,14 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { 
#rl-app .b-folders .b-folders-system a[data-unread]::after {

    display: block;

    margin: 0 ; 

    padding: 2px 6px;

    top: 50%;

    transform: translateY(-50%);



    color: var(--color-primary-element);

    background-color: var(--color-primary-light);



    font-size: 12px;

    text-shadow: none;

}
@@ -164,11 +243,17 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { 
    justify-content: flex-start;

    height: unset;

    box-sizing: border-box;

}



#rl-app #V-SettingsMenu .b-footer,

#rl-app .b-footer.btn-toolbar.hide-mobile,

#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled {

    margin: 0;

    padding: 0;

    bottom: 0;

}



#rl-app #V-SettingsMenu .b-footer,

#rl-app .b-footer.btn-toolbar .btn-group {

    padding: 3px;

}
@@ -177,7 +262,8 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { 
 * buttons

 */



 #rl-app .btn {

#rl-app .btn,

#rl-app button.btn:not(.button-vue) {

    min-height: 36px;

    height: 36px;

    box-sizing: border-box !important;
@@ -252,7 +338,7 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { 


#rl-app .btn.buttonCompose,

#rl-app .b-folders .btn.buttonContacts,

#rl-app .b-footer.btn-toolbar .btn-group .btn {

#rl-app .b-footer .btn {

    box-sizing: border-box;

    padding: 4px 14px;

    line-height: 36px;
@@ -265,12 +351,18 @@ html.rl-left-panel-disabled #rl-app .b-folders .b-toolbar { 
    border-radius: var(--border-radius-pill);

}



#rl-app .b-footer.btn-toolbar .btn-group .btn {

#rl-app .b-footer .btn,

#rl-app #V-SettingsPane .btn-toolbar .btn {

    background: transparent;

    border: unset !important;

}



#rl-app .b-footer .btn {

    background: transparent;

    text-align: left;

    font-size: 22px;

    margin: 3px;

    border: unset !important;

    user-select: none;

}



#rl-app .b-footer.btn-toolbar .btn-group.hide-on-panel-disabled .btn {
@@ -308,18 +400,29 @@ html.rl-left-panel-disabled #rl-app .b-footer.btn-toolbar .btn-group .btn.icon-f 
    line-height: unset;

}



#rl-app .b-footer.btn-toolbar .btn-group .btn:hover,

#rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:hover {

    background-color: var(--color-main-background-translucent);

#rl-app span.fontastic {

    padding: 6px;

    border-radius: var(--border-radius);

}



#rl-app span.fontastic:hover,

#rl-app .b-footer .btn:hover,

#rl-app .b-footer .btn.fontastic:hover,

#rl-app #V-SettingsPane .btn-toolbar .btn:hover {

    background: var(--color-main-background-translucent);

}



#rl-app .b-footer.btn-toolbar .btn-group .btn:active,

#rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:active {

#rl-app span.fontastic:active,

#rl-app .b-footer .btn:active,

#rl-app .b-footer .btn.fontastic:active,

#rl-app #V-SettingsPane .btn-toolbar .btn:active {

    background-color: var(--color-primary-element-light);

}



#rl-app .b-footer.btn-toolbar .btn-group .btn:focus,

#rl-app .b-footer.btn-toolbar .btn-group .btn.fontastic:focus {

#rl-app span.fontastic:focus,

#rl-app .b-footer .btn:focus,

#rl-app .b-footer .btn.fontastic:focus,

#rl-app #V-SettingsPane .btn-toolbar .btn:focus {

    outline: none;

}
@@ -448,7 +551,7 @@ select option { 
    height: 44px;

    border-radius: 44px;

    padding: 0 14px;

    margin: 0 -14px;

    margin: 0 -7px 0 -14px;

}



#rl-app .e-component.e-checkbox.material-design:hover,
@@ -476,6 +579,8 @@ select option { 
}



#rl-app .e-checkbox.material-design>div>div.checked {

    top: 0;

    left: 0;

    animation: none;

    --svg-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 18 18'><path d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'></path></svg>");

    -webkit-mask-image: var(--svg-checked);
@@ -483,6 +588,7 @@ select option { 
    background: var(--color-primary-element);

    border-width: 0;

    margin: 0;

    transform: unset;

}



/*
@@ -1028,11 +1134,92 @@ html:not(.rl-mobile):not(.rl-no-preview-pane) #rl-app .messageView .top-toolbar 
    border: none;

}



#rl-app .legend {

#rl-app #V-SettingsPane #rl-settings-subscreen {

    margin: 58px 0px 8px 0px;

    height: calc(100% - 58px - 8px);

}



#rl-app #V-SettingsPane .btn-toolbar {

    padding: 8px;

}



#rl-app .legend,

#rl-app #V-AdminPane hr,

#rl-app #V-SettingsPane hr {

    color: unset;

    border-color: var(--color-border);

}



#rl-app .form-horizontal .control-group {

    display: flex;

    align-items: center;

}



#rl-app .table-bordered,

#rl-app .table td,

#rl-app .table th {

    border-color: var(--color-border-dark);

}



#rl-app .table-hover tbody tr:hover td,

#rl-app .table-hover tbody tr:hover th {

    background-color: var(--color-main-background-translucent);

}



#rl-app #V-Settings-Themes figure,

#rl-app #V-Settings-Themes img {

    border-radius: var(--border-radius-large);

}



#rl-app #V-Settings-Themes figure:not(.selected):hover {

    background-color: var(--color-main-background-translucent);

    border-color: transparent;

}



#rl-app #V-Settings-Themes figure:not(.selected):active {

    background-color: var(--color-primary-light);

}



#rl-app #V-Settings-Themes figure:not(.selected):focus {

    outline: none;

}



#rl-app #V-Settings-Themes figure.selected {

    background-color: var(--color-primary-light);

    border-color: transparent;

    color: var(--color-primary-text);

}



/* hide additional theme settings, as these are made via Nextcloud theming */

#rl-app #V-SettingsPane #V-Settings-Themes .form-horizontal {

    display: none !important;

}



/*

 * admin settings 

 */



#rl-app #V-AdminPane #rl-settings-subscreen {

    margin: 8px 0px;

    height: calc(100% - 8px - 8px);

}



#rl-app #V-Settings-Config th {

    background-color: var(--color-background-dark);

}



#rl-app #V-Settings-General label[data-i18n="TAB_GENERAL/LABEL_ATTACHMENT_SIZE_LIMIT"] {

    align-self: self-start;

}



#rl-app #V-Settings-General label[data-i18n="TAB_GENERAL/LABEL_ATTACHMENT_SIZE_LIMIT"] ~ div .alert.alert-info {

    margin-left: -130px;

}



#rl-app #V-Settings-Domains .btn[data-i18n="GLOBAL/TEST"] {

    margin-left: 1rem;

}



/*

 * scrollbar

 */