clones/friendica
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[frio] Cleanup CSS/UI 

- Fix panel usage
- Remove double submit button in theme config
- Remove textarea phantom label when not provided
- Improve filebrowser button display
- Fix slider input display
- Simplify user menu styles
This commit is contained in:
Hypolite Petovan 2020-08-15 20:18:05 -04:00
parent f3b080ed6c
commit 43df577209
7 changed files with 44 additions and 238 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

246
view/theme/frio/css/style.css
View File

@ -1,8 +1,3 @@
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* /*
Created on : 17.02.2016, 23:55:45 Created on : 17.02.2016, 23:55:45
Author : rabuzarus Author : rabuzarus
@ -16,7 +11,6 @@ body {
background-repeat: $background_repeat; background-repeat: $background_repeat;
background-attachment: fixed; background-attachment: fixed;
color: #777; color: #777;
/*color: #555;*/
font-family: 'Open Sans',sans-serif; font-family: 'Open Sans',sans-serif;
} }
body.minimal { body.minimal {
@ -24,8 +18,6 @@ body.minimal {
} }
body a { body a {
/*color: #555;*/
/*color: #6fdbe8;*/
color: $link_color; color: $link_color;
text-decoration: none; text-decoration: none;
} }
@ -275,7 +267,6 @@ blockquote {
} }
.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn { .form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
padding: .275rem .75rem; padding: .275rem .75rem;
/*font-size: .875rem;*/
line-height: 1.5; line-height: 1.5;
height: 30px; height: 30px;
border-radius: .2rem; border-radius: .2rem;
@ -404,7 +395,6 @@ header #banner #logo-img,
} }
.topbar .dropdown-header .dropdown-header-link a, .topbar .dropdown-header .dropdown-header-link a,
.topbar .dropdown-header .dropdown-header-link .btn-link { .topbar .dropdown-header .dropdown-header-link .btn-link {
/*color: #6fdbe8!important;*/
color: $link_color !important; color: $link_color !important;
font-size: 12px; font-size: 12px;
font-weight: 400 font-weight: 400
@ -428,10 +418,8 @@ nav.navbar .nav > li > button
} }
#topbar-first .nav > li > a:hover, #topbar-first .nav > li > a:hover,
#topbar-first .nav > li > a:focus, #topbar-first .nav > li > a:focus,
#topbar-first .nav > li > button:hover, #topbar-first .nav > li > button:not(#main-menu):hover,
#topbar-first .nav > li > button:focus, #topbar-first .nav > li > button:not(#main-menu):focus,
#topbar-first .nav > .open > a,
#topbar-first .nav > .open > button,
nav.navbar .nav > li > a:hover, nav.navbar .nav > li > a:hover,
nav.navbar .nav > li > a:focus nav.navbar .nav > li > a:focus
nav.navbar .nav > li > button:hover, nav.navbar .nav > li > button:hover,
@ -600,23 +588,11 @@ nav.navbar .nav > li > button:focus
} }
#topbar-first #nav-notifications-menu li.notif-entry:hover { #topbar-first #nav-notifications-menu li.notif-entry:hover {
background-color: #f7f7f7; background-color: #f7f7f7;
/*border-left: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color; border-left: 3px solid $link_color;
} }
/*#topbar-first #nav-notifications-menu i.accepted {
color: #6fdbe8!important
}
#topbar-first #nav-notifications-menu i.declined {
color: #ff8989!important
}*/
#topbar-first #nav-notifications-menu li.placeholder { #topbar-first #nav-notifications-menu li.placeholder {
border-bottom: none border-bottom: none
} }
#topbar-first #nav-notifications-menu .media .media-body {
font-size: 13px!important;
font-weight: 600!important;
cursor: pointer;
}
#topbar-first #nav-notifications-menu .media .media-body .contactname { #topbar-first #nav-notifications-menu .media .media-body .contactname {
font-weight: bold; font-weight: bold;
} }
@ -650,14 +626,6 @@ nav.navbar .nav > li > button:focus
#myNavmenu li.nav-sitename { #myNavmenu li.nav-sitename {
font-weight: bold; font-weight: bold;
} }
#topbar-first .dropdown.account > a,
#topbar-first .dropdown.account.open > a,
#topbar-first .dropdown.account > button,
#topbar-first .dropdown.account.open > button,
#topbar-first .dropdown.account > :hover,
#topbar-first .dropdown.account.open > :hover {
background-color: $nav_bg;
}
#topbar-first .dropdown.account li#nav-sitename { #topbar-first .dropdown.account li#nav-sitename {
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
@ -696,7 +664,7 @@ nav.navbar .nav > li > button:focus
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
box-shadow: 0 1px 10px rgba(0, 0, 0, .1); box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
border-bottom: 1px solid #d4d4d4 border-bottom: 1px solid #d4d4d4;
} }
#topbar-second > .container { #topbar-second > .container {
height: 100%; height: 100%;
@ -743,64 +711,6 @@ nav.navbar .nav > li > button:focus
display: none; display: none;
cursor: pointer cursor: pointer
} }
#topbar-second .nav>li>a {
padding: 6px 13px 0;
text-decoration: none;
text-shadow: none;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
text-align: center;
min-height: 49px
}
#topbar-second .nav>li>a:hover,
#topbar-second .nav>li>a:active,
#topbar-second .nav>li>a:focus {
/*border-bottom: 3px solid #6fdbe8;*/
border-bottom: 3px solid $link_color;
background-color: #f7f7f7;
color: #555;
text-decoration: none
}
#topbar-second .nav>li>a i {
font-size: 14px
}
#topbar-second .nav>li>a .caret {
border-top-color: #7a7a7a
}
#topbar-second .nav>li>ul>li>a {
border-left: 3px solid #fff;
background-color: #fff;
color: #555
}
#topbar-second .nav>li>ul>li>a:hover,
#topbar-second .nav>li>ul>li>a.active {
/*border-left: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color;
background-color: #f7f7f7;
color: #555
}
#topbar-second .nav>li.active>a {
min-height: 46px
}
#topbar-second .nav>li>a#space-menu {
padding-right: 13px;
border-right: 1px solid #ededed
}
#topbar-second .nav>li>a#search-menu {
padding-top: 15px
}
#topbar-second .nav>li>a:hover,
#topbar-second .nav .open>a,
#topbar-second .nav>li.active {
/*border-bottom: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color;
background-color: #f7f7f7;
color: #555
}
#topbar-second .nav>li.active>a:hover {
border-bottom: none
}
#topbar-second #space-menu-dropdown li>ul>li>a>.media .media-body p { #topbar-second #space-menu-dropdown li>ul>li>a>.media .media-body p {
color: #bebebe; color: #bebebe;
font-size: 11px; font-size: 11px;
@ -850,10 +760,10 @@ nav.navbar .nav > li > button:focus
border-bottom: none; border-bottom: none;
margin: 9px 1px!important margin: 9px 1px!important
} }
.nav-pills .dropdown-menu li, .nav-pills .dropdown-menu li > a,
.nav-tabs .dropdown-menu li, .nav-tabs .dropdown-menu li > a,
.account .dropdown-menu li, .account .dropdown-menu li > a,
.contact-photo-wrapper .dropdown-menu li { .contact-photo-wrapper .dropdown-menu li > a {
border-left: 3px solid $nav_bg; border-left: 3px solid $nav_bg;
} }
.nav-pills .dropdown-menu li a, .nav-pills .dropdown-menu li .btn-link, .nav-pills .dropdown-menu li a, .nav-pills .dropdown-menu li .btn-link,
@ -877,36 +787,17 @@ nav.navbar .nav > li > button:focus
display: inline-block; display: inline-block;
width: 14px width: 14px
} }
.nav-pills .dropdown-menu li a:hover, .nav-pills .dropdown-menu li .btn-link:hover, .nav-pills .dropdown-menu li > a:hover,
.nav-tabs .dropdown-menu li a:hover, .nav-tabs .dropdown-menu li .btn-link:hover, .nav-tabs .dropdown-menu li > a:hover,
.account .dropdown-menu li a:hover, .account .dropdown-menu li .btn-link:hover, .account .dropdown-menu li > a:hover,
.contact-photo-wrapper .dropdown-menu li a:hover, .contact-photo-wrapper .dropdown-menu li .btn-link:hover, .contact-photo-wrapper .dropdown-menu li > a:hover,
.nav-pills .dropdown-menu li a:visited, .nav-pills .dropdown-menu li .btn-link:visited, .nav-pills .dropdown-menu li.selected a,
.nav-tabs .dropdown-menu li a:visited, .nav-tabs .dropdown-menu li .btn-link:visited, .nav-tabs .dropdown-menu li.selected a,
.account .dropdown-menu li a:visited, .account .dropdown-menu li .btn-link:visited, .account .dropdown-menu li.selected a,
.contact-photo-wrapper .dropdown-menu li a:visited, .contact-photo-wrapper .dropdown-menu li .btn-link:visited, .contact-photo-wrapper .dropdown-menu li.selected a {
.nav-pills .dropdown-menu li a:hover, .nav-pills .dropdown-menu li .btn-link:hover,
.nav-tabs .dropdown-menu li a:hover, .nav-tabs .dropdown-menu li .btn-link:hover,
.account .dropdown-menu li a:hover, .account .dropdown-menu li .btn-link:hover,
.contact-photo-wrapper .dropdown-menu li a:hover, .contact-photo-wrapper .dropdown-menu li .btn-link:hover,
.nav-pills .dropdown-menu li a:focus, .nav-pills .dropdown-menu li .btn-link:focus,
.nav-tabs .dropdown-menu li a:focus, .nav-tabs .dropdown-menu li .btn-link:focus,
.account .dropdown-menu li a:focus, .account .dropdown-menu li .btn-link:focus,
.contact-photo-wrapper .dropdown-menu li a:focus, .contact-photo-wrapper .dropdown-menu li .btn-link:focus {
background: 0 0
}
.nav-pills .dropdown-menu li:hover,
.nav-tabs .dropdown-menu li:hover,
.account .dropdown-menu li:hover,
.contact-photo-wrapper .dropdown-menu li:hover,
.nav-pills .dropdown-menu li.selected,
.nav-tabs .dropdown-menu li.selected,
.account .dropdown-menu li.selected,
.contact-photo-wrapper .dropdown-menu li.selected {
/*border-left: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color; border-left: 3px solid $link_color;
color: #fff!important; color: #fff;
background-color: $menu_background_hover_color !important; background: $menu_background_hover_color;
} }
#photo-edit-link-wrap { #photo-edit-link-wrap {
color: #555; color: #555;
@ -927,8 +818,7 @@ aside .widget,
.nav-container .widget { .nav-container .widget {
border: none; border: none;
color: #777; color: #777;
/*background-color: #fff;*/ background-color: rgba(255, 255, 255, $contentbg_transp);
background-color: rgba(255,255,255,$contentbg_transp);
box-shadow: 0 0 3px #dadada; box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada; -webkit-box-shadow: 0 0 3px #dadada;
-moz-box-shadow: 0 0 3px #dadada; -moz-box-shadow: 0 0 3px #dadada;
@ -954,7 +844,6 @@ aside .widget ul,
margin-bottom: 0px; margin-bottom: 0px;
margin-left: -10px; margin-left: -10px;
margin-right: -10px; margin-right: -10px;
/*padding-left: 10px;*/
list-style: none; list-style: none;
} }
@ -970,9 +859,7 @@ aside .widget li.selected,
.nav-container .widget li:hover { .nav-container .widget li:hover {
z-index: 2; z-index: 2;
color: #555; color: #555;
/*background-color: #f7f7f7;*/
background-color: rgba(247, 247, 247, $contentbg_transp); background-color: rgba(247, 247, 247, $contentbg_transp);
/*border-left: 3px solid #6fdbe8!important;*/
border-left: 3px solid $link_color !important; border-left: 3px solid $link_color !important;
padding-left: 17px; padding-left: 17px;
} }
@ -1239,8 +1126,6 @@ aside #group-sidebar li .group-edit-tool:first-child {
.contact-block-div { .contact-block-div {
float: left; float: left;
margin: 0px 5px 5px 0px; margin: 0px 5px 5px 0px;
/* height: 90px;
width: 90px;*/
} }
.contact-block-link { .contact-block-link {
@ -1271,9 +1156,6 @@ section #jotOpen {
#jot-content { #jot-content {
display: none; display: none;
} }
.jothidden {
/*display: none;*/
}
.modal #jot-sections { .modal #jot-sections {
max-height: calc(100vh - 22px); max-height: calc(100vh - 22px);
} }
@ -1292,7 +1174,6 @@ section #jotOpen {
#jot-modal #item-Q0, #jot-modal #item-Q0,
#jot-modal #profile-jot-acl-wrapper, #jot-modal #profile-jot-acl-wrapper,
#jot-modal #acl-wrapper { #jot-modal #acl-wrapper {
overflow: hidden;
display: flex; display: flex;
flex: auto; flex: auto;
flex-direction: column; flex-direction: column;
@ -1320,9 +1201,6 @@ section #jotOpen {
overflow-y: auto !important; overflow-y: auto !important;
overflow-y: overlay !important; overflow-y: overlay !important;
} }
/*#jot-attachment-preview {
display: none;
}*/
#jot-text-wrap .preview textarea { #jot-text-wrap .preview textarea {
width: 100%; width: 100%;
} }
@ -1450,7 +1328,7 @@ textarea.comment-edit-text:focus + .comment-edit-form .preview {
z-index: 2; z-index: 2;
color: #555; color: #555;
background-color: rgba(247, 247, 247, $contentbg_transp); background-color: rgba(247, 247, 247, $contentbg_transp);
border-left: 3px solid $link_color !important; border-left: 3px solid $link_color;
padding-left: 17px; padding-left: 17px;
} }
.fbrowser .folders li a, .fbrowser .folders li a,
@ -1492,7 +1370,6 @@ textarea.comment-edit-text:focus + .comment-edit-form .preview {
*/ */
.panel { .panel {
border: none; border: none;
/*background-color: #fff;*/
background-color: rgba(255,255,255,$contentbg_transp); background-color: rgba(255,255,255,$contentbg_transp);
box-shadow: 0 0 3px #dadada; box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada; -webkit-box-shadow: 0 0 3px #dadada;
@ -1509,9 +1386,6 @@ textarea.comment-edit-text:focus + .comment-edit-form .preview {
.panel .panel-body { .panel .panel-body {
word-wrap: break-word; word-wrap: break-word;
} }
.panel .panel-body .wall-item-content {
color: #555;
}
.tread-wrapper .media { .tread-wrapper .media {
overflow: visible; overflow: visible;
word-wrap: break-word; word-wrap: break-word;
@ -1522,7 +1396,7 @@ aside .panel-body {
/* Thread hover effects */ /* Thread hover effects */
.desktop-view .wall-item-container .wall-item-content a, .desktop-view .wall-item-container .wall-item-content a,
.desktop-view .wall-item-container a, .desktop-view .wall-item-name,
.desktop-view .wall-item-container .fakelink, .desktop-view .wall-item-container .fakelink,
.desktop-view .toplevel_item .fakelink, .desktop-view .toplevel_item .fakelink,
.desktop-view .toplevel_item .wall-item-container .wall-item-responses a { .desktop-view .toplevel_item .wall-item-container .wall-item-responses a {
@ -1541,7 +1415,6 @@ aside .panel-body {
.wall-item-container:hover .wall-item-content a, .wall-item-container:hover .wall-item-content a,
.wall-item-container:hover .wall-item-name, .wall-item-container:hover .wall-item-name,
.wall-item-container:hover .wall-item-location a { .wall-item-container:hover .wall-item-location a {
/*color: #6fdbe8;*/
color: $link_color; color: $link_color;
-webkit-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;
@ -1909,7 +1782,6 @@ code > .hl-main {
wall-item-comment-wrapper.well { wall-item-comment-wrapper.well {
border: none; border: none;
box-shadow: none; box-shadow: none;
/*background-color: #ededed;*/
background-color: rgba(237, 237, 237, $contentbg_transp); background-color: rgba(237, 237, 237, $contentbg_transp);
background-image: none; background-image: none;
margin-bottom: 1px; margin-bottom: 1px;
@ -1953,7 +1825,8 @@ wall-item-comment-wrapper.well hr {
padding: 10px; padding: 10px;
border-top: 1px solid rgba(255, 255, 255, 0.8); border-top: 1px solid rgba(255, 255, 255, 0.8);
background-color: rgba(0, 0, 0, 0.03); background-color: rgba(0, 0, 0, 0.03);
border-radius: 0 0 10px 10px; border-radius: 0 0 4px 4px;
margin-bottom: 0;
} }
.comment-fake-form { .comment-fake-form {
@ -1982,7 +1855,6 @@ wall-item-comment-wrapper.well hr {
/* acpopup + textcompletion*/ /* acpopup + textcompletion*/
.acpopup { .acpopup {
/* max-height: 150px; */
background-color: #ffffff; background-color: #ffffff;
border-radius: 4px; border-radius: 4px;
overflow: auto; overflow: auto;
@ -1990,7 +1862,6 @@ wall-item-comment-wrapper.well hr {
box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);
} }
nav .acpopup { nav .acpopup {
/*top: 35px !important;*/
margin-left: -23px; margin-left: -23px;
} }
/** @todo: we schould consider the possebility to overwrite bootstrap dropdowns /** @todo: we schould consider the possebility to overwrite bootstrap dropdowns
@ -2014,27 +1885,6 @@ img.acpopup-img {
/* The wall-item thread levels */ /* The wall-item thread levels */
/*.wall-item-container.thread_level_3 {
margin-left: 80px;
width: calc(100% - 90px);
}
.wall-item-container.thread_level_4 {
margin-left: 95px;
width: calc(100% - 105px);
}
.wall-item-container.thread_level_5 {
margin-left: 110px;
width: calc(100% - 120px);
}
.wall-item-container.thread_level_6 {
margin-left: 125px;
width: calc(100% - 135px);
}
.wall-item-container.thread_level_7 {
margin-left: 140px;
width: calc(100% - 150px);
}*/
.wall-item-container.thread_level_3, .wall-item-container.thread_level_3,
.wall-item-container.thread_level_4, .wall-item-container.thread_level_4,
.wall-item-container.thread_level_5, .wall-item-container.thread_level_5,
@ -2067,7 +1917,6 @@ moved it to the nav through js */
.tabbar, .tabbar,
.tabbar > li { .tabbar > li {
height: 100%; height: 100%;
/*margin-left: -15px;*/
padding: 0; padding: 0;
} }
#tabmenu .search-heading { #tabmenu .search-heading {
@ -2086,20 +1935,14 @@ ul.tabs li {
float: left; float: left;
margin: 0; margin: 0;
padding: 0; padding: 0;
/*border-bottom: 0 solid #6fdbe8;*/
border-bottom: 0 solid $link_color; border-bottom: 0 solid $link_color;
font-size: 13px; font-size: 13px;
height: 102%; height: 102%;
transition: all .15s ease; transition: all .15s ease;
} }
/*ul.tabs.visible-xs > li.active {
min-width: 150px; This is a workaround to make the topbar-second dropdown better visible on mobile. We need something better here
}*/
ul.tabs li a { ul.tabs li a {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
/*color: #6fdbe8;*/
color: $link_color !important;
} }
ul.tabs li:hover, ul.tabs li.active { ul.tabs li:hover, ul.tabs li.active {
border-bottom-width: 4px; border-bottom-width: 4px;
@ -2150,7 +1993,6 @@ ul.dropdown-menu li:hover {
padding: 10px; padding: 10px;
border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp); border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
position: relative; position: relative;
/* border-left: 3px solid rgba(255,255,255,$contentbg_transp);*/
border-left: 3px solid rgba(255,255,255,0); border-left: 3px solid rgba(255,255,255,0);
font-size: 12px; font-size: 12px;
} }
@ -2163,7 +2005,6 @@ ul.dropdown-menu li:hover {
/* Forms */ /* Forms */
.form-control { .form-control {
border: 2px solid #ededed;
box-shadow: none; box-shadow: none;
} }
.form-control:focus { .form-control:focus {
@ -2176,6 +2017,11 @@ ul.dropdown-menu li:hover {
outline-color: $link_hover_color; outline-color: $link_hover_color;
} }
input[type=range].form-control {
padding-left: 0;
padding-right: 0;
}
/* Search form */ /* Search form */
.form-control.form-search { .form-control.form-search {
border-radius: 30px; border-radius: 30px;
@ -2218,11 +2064,9 @@ ul.dropdown-menu li:hover {
padding-bottom: 20px; padding-bottom: 20px;
margin-bottom: 20px; margin-bottom: 20px;
border: none; border: none;
/*background-color: #fff;*/
background-color: rgba(255,255,255,$contentbg_transp); background-color: rgba(255,255,255,$contentbg_transp);
border-radius: 4px; border-radius: 4px;
position: relative; position: relative;
/*overflow: hidden;*/
color: #555; color: #555;
box-shadow: 0 0 3px #dadada; box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada; -webkit-box-shadow: 0 0 3px #dadada;
@ -2248,11 +2092,9 @@ section > .generic-page-wrapper, .videos-content-wrapper,
padding-bottom: 20px; padding-bottom: 20px;
margin-bottom: 20px; margin-bottom: 20px;
border: none; border: none;
/*background-color: #fff;*/
background-color: rgba(255,255,255,$contentbg_transp); background-color: rgba(255,255,255,$contentbg_transp);
border-radius: 4px; border-radius: 4px;
position: relative; position: relative;
/*overflow: hidden;*/
color: #555; color: #555;
box-shadow: 0 0 3px #dadada; box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada; -webkit-box-shadow: 0 0 3px #dadada;
@ -2298,12 +2140,6 @@ ul.viewcontact_wrapper {
ul.viewcontact_wrapper > li { ul.viewcontact_wrapper > li {
padding-left: 15px; padding-left: 15px;
} }
.contact-wrapper {
/* padding: 10px;
border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);;
position: relative;*/
/*border-left: 3px solid white;*/
}
.contact-wrapper .contact-photo-wrapper button { .contact-wrapper .contact-photo-wrapper button {
padding: 0; padding: 0;
} }
@ -2395,17 +2231,8 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
background-color: #E1F5FE; background-color: #E1F5FE;
margin: 15px -15px; margin: 15px -15px;
} }
#contact-edit-tools {
margin-left: -15px;
margin-right: -15px;
}
#contact-edit-tools > .panel {
padding-left: 15px;
padding-right: 15px;
}
#contact-edit-settings { #contact-edit-settings {
display: block; display: block;
margin: 0;
} }
/* directory page */ /* directory page */
@ -2490,14 +2317,9 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
overflow-y: auto; overflow-y: auto;
max-height: calc(100vh - 400px); max-height: calc(100vh - 400px);
max-height: auto; max-height: auto;
/*height: 500px;*/
margin-bottom: 0px; margin-bottom: 0px;
padding: 0 15px; padding: 0 15px;
} }
#mail-conversation.can-reply {
/* border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;*/
}
.mail-conv-wrapper .media .contact-photo-wrapper img { .mail-conv-wrapper .media .contact-photo-wrapper img {
height: 48px; height: 48px;
width: 48px; width: 48px;
@ -2510,10 +2332,6 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
display:none; display:none;
} }
.mail-thread #prvmail-message-label textarea { .mail-thread #prvmail-message-label textarea {
/* border-top: none;
margin-top: -10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;*/
max-height: 120px; max-height: 120px;
} }
.mail-conv-wrapper { .mail-conv-wrapper {
@ -2524,7 +2342,6 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
height: calc(100vh - 150px); height: calc(100vh - 150px);
} }
#message-preview { #message-preview {
/*padding: 0 10px;*/
height: calc(100% - 20px); height: calc(100% - 20px);
} }
#message-preview ul { #message-preview ul {
@ -2581,9 +2398,6 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
color: $link_hover_color; color: $link_hover_color;
text-decoration: none; text-decoration: none;
} }
/*.event-date-wrapper.medium .event-hover-short-month {
color: $link_color;
}*/
.event-wrapper .event-owner { .event-wrapper .event-owner {
margin-bottom: 15px; margin-bottom: 15px;
} }
@ -2724,7 +2538,6 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
top: 50%; top: 50%;
transform: translateZ(0); transform: translateZ(0);
transition: opacity .2s; transition: opacity .2s;
/*width: 27px;*/
width: 100px; width: 100px;
z-index: 11; z-index: 11;
font-size: 64px; font-size: 64px;
@ -2827,7 +2640,6 @@ details.profile-jot-net[open] summary:before {
/* Emulates Bootstrap display */ /* Emulates Bootstrap display */
.settings-block { .settings-block {
margin: 0 0 5px; margin: 0 0 5px;
color: #333;
background-color: rgba(255,255,255,0.95); background-color: rgba(255,255,255,0.95);
border-radius: 4px; border-radius: 4px;
padding: 10px 15px; padding: 10px 15px;
@ -2924,13 +2736,11 @@ ul li:hover .intro-wrapper button.intro-action-link:hover {
} }
.intro-action-buttons { .intro-action-buttons {
margin-top: 15px; margin-top: 15px;
/*display: none;*/
max-height: 0px; max-height: 0px;
overflow: hidden; overflow: hidden;
transition: max-height 0.1s ease-out; transition: max-height 0.1s ease-out;
} }
ul.notif-network-list > li:hover .intro-action-buttons { ul.notif-network-list > li:hover .intro-action-buttons {
/*display: block;*/
max-height: 30px; max-height: 30px;
transition: max-height 0.1s ease-in; transition: max-height 0.1s ease-in;
} }
@ -2980,11 +2790,9 @@ little modifications to emulate a standard page template */
margin: 0; margin: 0;
margin-bottom: 20px; margin-bottom: 20px;
border: none; border: none;
/*background-color: #fff;*/
background-color: rgba(255,255,255,$contentbg_transp); background-color: rgba(255,255,255,$contentbg_transp);
border-radius: 4px; border-radius: 4px;
position: relative; position: relative;
/*overflow: hidden;*/
color: #555; color: #555;
box-shadow: 0 0 3px #dadada; box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada; -webkit-box-shadow: 0 0 3px #dadada;

8
view/theme/frio/templates/admin/blocklist/contact.tpl
View File

@ -9,7 +9,7 @@
<div class="panel-group panel-group-settings" id="admin-settings" role="tablist" aria-multiselectable="true"> <div class="panel-group panel-group-settings" id="admin-settings" role="tablist" aria-multiselectable="true">
{{* The form for entering user profile which should be blocked *}} {{* The form for entering user profile which should be blocked *}}
<div class="panel"> <div class="panel">
<div class="section-subtitle-wrapper" role="tab" id="admin-settings-contactblock-block"> <div class="panel-heading section-subtitle-wrapper" role="tab" id="admin-settings-contactblock-block">
<h4> <h4>
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contactblock-block-collapse" aria-expanded="false" aria-controls="admin-settings-contactblock-block-collapse"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contactblock-block-collapse" aria-expanded="false" aria-controls="admin-settings-contactblock-block-collapse">
{{$h_newblock}} {{$h_newblock}}
@ -17,7 +17,7 @@
</h4> </h4>
</div> </div>
<div id="admin-settings-contactblock-block-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-contactblock-block"> <div id="admin-settings-contactblock-block-collapse" class="panel-body panel-collapse collapse" role="tabpanel" aria-labelledby="admin-settings-contactblock-block">
<form action="{{$baseurl}}/admin/blocklist/contact" method="post"> <form action="{{$baseurl}}/admin/blocklist/contact" method="post">
<input type="hidden" name="form_security_token" value="{{$form_security_token}}"> <input type="hidden" name="form_security_token" value="{{$form_security_token}}">
@ -34,7 +34,7 @@
{{* The list of blocked user profiles with the possibility to unblock them *}} {{* The list of blocked user profiles with the possibility to unblock them *}}
<div class="panel"> <div class="panel">
<div class="section-subtitle-wrapper" role="tab" id="admin-settings-contactblock-blocked"> <div class="panel-heading section-subtitle-wrapper" role="tab" id="admin-settings-contactblock-blocked">
<h4> <h4>
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contactblock-blocked-collapse" aria-expanded="{{if count($contacts) > 0}}true{{else}}false{{/if}}" aria-controls="admin-settings-contactblock-blocked-collapse"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#admin-settings" href="#admin-settings-contactblock-blocked-collapse" aria-expanded="{{if count($contacts) > 0}}true{{else}}false{{/if}}" aria-controls="admin-settings-contactblock-blocked-collapse">
{{$h_contacts}} ({{$total_contacts}}) {{$h_contacts}} ({{$total_contacts}})
@ -42,7 +42,7 @@
</h4> </h4>
</div> </div>
<div id="admin-settings-contactblock-blocked-collapse" class="panel-collapse collapse {{if count($contacts) > 0}}in{{/if}}" role="tabpanel" aria-labelledby="admin-settings-contactblock-blocked"> <div id="admin-settings-contactblock-blocked-collapse" class="panel-body panel-collapse collapse {{if count($contacts) > 0}}in{{/if}}" role="tabpanel" aria-labelledby="admin-settings-contactblock-blocked">
<form action="{{$baseurl}}/admin/blocklist/contact" method="post"> <form action="{{$baseurl}}/admin/blocklist/contact" method="post">
<input type="hidden" name="form_security_token" value="{{$form_security_token}}"> <input type="hidden" name="form_security_token" value="{{$form_security_token}}">

16
view/theme/frio/templates/contact_edit.tpl
View File

@ -67,14 +67,14 @@
{{* Some information about the contact from the profile *}} {{* Some information about the contact from the profile *}}
<div class="panel"> <div class="panel">
<div class="section-subtitle-wrapper" role="tab" id="contact-edit-profile"> <div class="section-subtitle-wrapper panel-heading" role="tab" id="contact-edit-profile">
<h4> <h4>
<a class="accordion-toggle" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-profile-collapse" aria-expanded="true" aria-controls="contact-edit-profile-collapse"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-profile-collapse" aria-expanded="true" aria-controls="contact-edit-profile-collapse">
{{$contact_profile_label}} {{$contact_profile_label}}
</a> </a>
</h4> </h4>
</div> </div>
<div id="contact-edit-profile-collapse" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="contact-edit-profile"> <div id="contact-edit-profile-collapse" class="panel-body panel-collapse collapse in" role="tabpanel" aria-labelledby="contact-edit-profile">
<div class="section-content-tools-wrapper"> <div class="section-content-tools-wrapper">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-muted">{{$profileurllabel}}</div><a target="blank" href="{{$url}}">{{$profileurl}}</a> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-muted">{{$profileurllabel}}</div><a target="blank" href="{{$url}}">{{$profileurl}}</a>
@ -118,14 +118,14 @@
{{if $contact_settings_label}} {{if $contact_settings_label}}
<div class="panel"> <div class="panel">
<div class="section-subtitle-wrapper" role="tab" id="contact-edit-settings"> <div class="section-subtitle-wrapper panel-heading" role="tab" id="contact-edit-settings">
<h4> <h4>
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-settings-collapse" aria-expanded="false" aria-controls="contact-edit-settings-collapse"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-settings-collapse" aria-expanded="false" aria-controls="contact-edit-settings-collapse">
{{$contact_settings_label}} {{$contact_settings_label}}
</a> </a>
</h4> </h4>
</div> </div>
<div id="contact-edit-settings-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="contact-edit-settings"> <div id="contact-edit-settings-collapse" class="panel-body panel-collapse collapse" role="tabpanel" aria-labelledby="contact-edit-settings">
<div class="section-content-tools-wrapper"> <div class="section-content-tools-wrapper">
<input type="hidden" name="contact_id" value="{{$contact_id}}"> <input type="hidden" name="contact_id" value="{{$contact_id}}">
@ -137,7 +137,7 @@
{{/if}} {{/if}}
{{include file="field_checkbox.tpl" field=$hidden}} {{include file="field_checkbox.tpl" field=$hidden}}
<div class="form-group pull-right settings-submit-wrapper" > <div class="pull-right settings-submit-wrapper" >
<button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button> <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
</div> </div>
<div class="clear"></div> <div class="clear"></div>
@ -148,19 +148,19 @@
{{if $lbl_info1}} {{if $lbl_info1}}
<div class="panel"> <div class="panel">
<div class="section-subtitle-wrapper" role="tab" id="contact-edit-info"> <div class="section-subtitle-wrapper panel-heading" role="tab" id="contact-edit-info">
<h4> <h4>
<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-info-collapse" aria-expanded="false" aria-controls="contact-edit-info-collapse"> <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#contact-edit-tools" href="#contact-edit-info-collapse" aria-expanded="false" aria-controls="contact-edit-info-collapse">
{{$lbl_info1}} {{$lbl_info1}}
</a> </a>
</h4> </h4>
</div> </div>
<div id="contact-edit-info-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="contact-edit-info"> <div id="contact-edit-info-collapse" class="panel-body panel-collapse collapse" role="tabpanel" aria-labelledby="contact-edit-info">
<div class="section-content-tools-wrapper"> <div class="section-content-tools-wrapper">
{{include file="field_textarea.tpl" field=$cinfo}} {{include file="field_textarea.tpl" field=$cinfo}}
<div class="form-group pull-right settings-submit-wrapper" > <div class="pull-right settings-submit-wrapper" >
<button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button> <button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
</div> </div>
<div class="clear"></div> <div class="clear"></div>

3
view/theme/frio/templates/field_textarea.tpl
View File

@ -1,6 +1,7 @@
<div class="form-group field textarea"> <div class="form-group field textarea">
{{if $field.1}}
<label for="id_{{$field.0}}">{{$field.1}}</label> <label for="id_{{$field.0}}">{{$field.1}}</label>
{{/if}}
<textarea class="form-control text-autosize" name="{{$field.0}}" id="id_{{$field.0}}" {{if $field.4}}{{$field.4 nofilter}}{{/if}} aria-describedby="{{$field.0}}_tip">{{$field.2}}</textarea> <textarea class="form-control text-autosize" name="{{$field.0}}" id="id_{{$field.0}}" {{if $field.4}}{{$field.4 nofilter}}{{/if}} aria-describedby="{{$field.0}}_tip">{{$field.2}}</textarea>
{{if $field.3}} {{if $field.3}}
<span class="help-block" id="{{$field.0}}_tip" role="tooltip">{{$field.3 nofilter}}</span> <span class="help-block" id="{{$field.0}}_tip" role="tooltip">{{$field.3 nofilter}}</span>

2
view/theme/frio/templates/filebrowser.tpl
View File

@ -51,7 +51,7 @@
</div> </div>
<div class="upload"> <div class="upload">
<button id="upload-{{$type}}">{{$upload}}</button> <button id="upload-{{$type}}" type="button" class="btn btn-primary">{{$upload}}</button>
</div> </div>
</div> </div>

3
view/theme/frio/templates/settings/display.tpl
View File

@ -44,9 +44,6 @@
{{/if}} {{/if}}
</div> </div>
<div class="panel-footer">
<button type="submit" name="submit" class="btn btn-primary" value="{{$submit}}">{{$submit}}</button>
</div>
</div> </div>
</div> </div>

4
view/theme/frio/templates/theme_settings.tpl
View File

@ -17,7 +17,7 @@
<div class="row"> <div class="row">
<div class="col-xs-9"> <div class="col-xs-9">
<input type="range" class="form-control color" id="{{$contentbg_transp.0}}_range" min="0" max="100" step="1" value="{{$contentbg_transp.2}}" onchange="{{$contentbg_transp.0}}.value = this.value" oninput="{{$contentbg_transp.0}}.value = this.value"> <input type="range" class="form-control" id="{{$contentbg_transp.0}}_range" min="0" max="100" step="1" value="{{$contentbg_transp.2}}" onchange="{{$contentbg_transp.0}}.value = this.value" oninput="{{$contentbg_transp.0}}.value = this.value">
</div> </div>
<div class="col-xs-3"> <div class="col-xs-3">
<div class="input-group"> <div class="input-group">
@ -183,7 +183,7 @@
}); });
</script> </script>
<div class="settings-submit-wrapper form-group pull-right"> <div class="settings-submit-wrapper pull-right">
<button type="submit" value="{{$submit}}" class="settings-submit btn btn-primary" name="frio-settings-submit">{{$submit}}</button> <button type="submit" value="{{$submit}}" class="settings-submit btn btn-primary" name="frio-settings-submit">{{$submit}}</button>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>