aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorMario Vavti <mario@mariovavti.com>2017-03-14 18:31:19 +0100
committerMario Vavti <mario@mariovavti.com>2017-03-14 18:31:19 +0100
commita0a376e95e78e4c1ac9fb5da30f46cea0b4d0de5 (patch)
tree494ff430a32c8ef06151afa8881b211c79ce0569 /view
parent7b9df1d40101cff801208b8dbcf8c8c0bc42365e (diff)
downloadvolse-hubzilla-a0a376e95e78e4c1ac9fb5da30f46cea0b4d0de5.tar.gz
volse-hubzilla-a0a376e95e78e4c1ac9fb5da30f46cea0b4d0de5.tar.bz2
volse-hubzilla-a0a376e95e78e4c1ac9fb5da30f46cea0b4d0de5.zip
hide nav search behind a button, css fixes and cleanup
Diffstat (limited to 'view')
-rw-r--r--view/css/bootstrap-red.css15
-rw-r--r--view/js/autocomplete.js2
-rw-r--r--view/js/main.js4
-rw-r--r--view/php/default.php2
-rw-r--r--view/theme/redbasic/css/style.css51
-rwxr-xr-xview/tpl/follow.tpl2
-rw-r--r--view/tpl/hdr.tpl2
-rwxr-xr-xview/tpl/nav.tpl17
-rwxr-xr-xview/tpl/peoplefind.tpl2
-rw-r--r--view/tpl/searchbox.tpl2
10 files changed, 29 insertions, 70 deletions
diff --git a/view/css/bootstrap-red.css b/view/css/bootstrap-red.css
index 356d0ae9c..77ec1f5cb 100644
--- a/view/css/bootstrap-red.css
+++ b/view/css/bootstrap-red.css
@@ -17,18 +17,17 @@ nav .badge {
font-size: 1rem;
}
-/* nav overrides end */
-
+#navbar-collapse-2.show {
+ max-height: 100vh;
+ overflow: auto;
+}
nav .dropdown-menu {
max-height: 70vh;
overflow: auto;
}
-nav .navbar-collapse.in .dropdown-menu {
- max-height: none;
- overflow: none;
-}
+/* nav overrides end */
.wall-item-tools .dropdown-menu {
min-width: auto;
@@ -38,10 +37,6 @@ code {
white-space: normal;
}
-.form-control {
- font-size: unset;
-}
-
.panel-group {
margin-bottom: 0px;
}
diff --git a/view/js/autocomplete.js b/view/js/autocomplete.js
index 5a616b6fc..4de9f9c6b 100644
--- a/view/js/autocomplete.js
+++ b/view/js/autocomplete.js
@@ -60,7 +60,7 @@ function contact_format(item) {
var desc = ((item.label) ? item.nick + ' ' + item.label : item.nick);
if(typeof desc === 'undefined') desc = '';
if(desc) desc = ' ('+desc+')';
- return "<div class='{0}' title='{4}'><img class='dropdown-menu-img-sm' src='{1}'><span class='contactname'>{2}</span><span class='dropdown-sub-text'>{3}</span><div class='clear'></div></div>".format(item.taggable, item.photo, item.name, desc, item.link);
+ return "<div class='{0} dropdown-item dropdown-notification clearfix' title='{4}'><img class='dropdown-menu-img-sm' src='{1}'><span class='contactname'>{2}</span><span class='dropdown-sub-text'>{3}</span></div>".format(item.taggable, item.photo, item.name, desc, item.link);
}
else
return "<div>" + item.text + "</div>";
diff --git a/view/js/main.js b/view/js/main.js
index db7ad110b..5e3a04abb 100644
--- a/view/js/main.js
+++ b/view/js/main.js
@@ -369,10 +369,10 @@ function NavUpdate() {
updateCountsOnly = false;
if(data.network || data.home || data.intros || data.mail || data.all_events || data.notify) {
- $('#notifications-btn').css('color', 'white').prop('disabled', false);
+ $('#notifications-btn').removeClass('text-muted').addClass('text-white');
}
else {
- $('#notifications-btn').css('color', 'grey').prop('disabled', true);
+ $('#notifications-btn').removeClass('text-white').addClass('text-muted');
$('#navbar-collapse-1').removeClass('in');
}
diff --git a/view/php/default.php b/view/php/default.php
index c4ba6ae43..b8233ca32 100644
--- a/view/php/default.php
+++ b/view/php/default.php
@@ -7,7 +7,7 @@
</head>
<body <?php if($page['direction']) echo 'dir="rtl"' ?> >
<?php if(x($page,'banner')) echo $page['banner']; ?>
- <header class="hidden-md-down"><?php if(x($page,'header')) echo $page['header']; ?></header>
+ <header><?php if(x($page,'header')) echo $page['header']; ?></header>
<nav class="navbar fixed-top navbar-toggleable-sm navbar-inverse bg-inverse"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
<main>
<aside id="region_1"><div id="left_aside_spacer"><div id="left_aside_wrapper"><?php if(x($page,'aside')) echo $page['aside']; ?></div></div></aside>
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 498e816db..0e9eab16a 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -108,34 +108,7 @@ a:focus,
cursor: pointer;
}
-input[type="text"],
-input[type="password"],
-input[type="submit"],
-input[type="file"],
-select,
-textarea {
- font-family: sans-serif, arial, freesans;
- font-size: $body_font_size;
-}
-
-input {
- padding: 5px;
- line-height: 1.5;
- border: 1px solid #ccc;
- -moz-border-radius: $radiuspx;
- border-radius: $radiuspx;
-}
-
-input[type="submit"] {
- background-color: #F0F0F0;
- font-weight: bold;
- color: #0080FF;
- text-decoration: none;
- padding: 6px 12px;
-}
-
input, optgroup, select, textarea {
- color: #333;
resize: vertical;
}
@@ -570,24 +543,16 @@ footer {
}
#nav-search-spinner {
- float: left;
- margin: 25px 0px 0px 25px;
- color: $nav_active_icon_colour;
+ float: right;
+ margin-top: -0.85rem;
+ margin-right: 1.1rem;
}
-/*
+
#nav-search-text {
- font-size: 12px;
- width: 200px;
- height: 20px;
- margin-right: 15px;
- padding: 0px 5px 0px 5px;
- border-radius: $radiuspx;
- border-color: $nav_bd;
- background-color: #eee;
- transition: background-color 300ms ease 0s;
+ width: 280px;
}
-*/
+
#nav-search-text::-webkit-input-placeholder {
font-family: FontAwesome, sans-serif;
}
@@ -1535,8 +1500,8 @@ nav img {
}
.usermenu {
- width: 2rem;
- height: 2rem;
+ width: 2.2rem;
+ height: 2.2rem;
}
.usermenu img {
diff --git a/view/tpl/follow.tpl b/view/tpl/follow.tpl
index 240cc7b55..4def1415d 100755
--- a/view/tpl/follow.tpl
+++ b/view/tpl/follow.tpl
@@ -2,7 +2,7 @@
<h3>{{$connect}}</h3>
<form action="follow" method="post" />
<div class="input-group">
- <input class="form-control" type="text" name="url" title="{{$hint}}" placeholder="{{$desc}}" />
+ <input class="form-control form-control-sm" type="text" name="url" title="{{$hint}}" placeholder="{{$desc}}" />
<div class="input-group-btn">
<button class="btn btn-success" type="submit" name="submit" value="{{$follow}}" title="{{$follow}}"><i class="fa fa-fw fa-plus"></i></button>
</div>
diff --git a/view/tpl/hdr.tpl b/view/tpl/hdr.tpl
index fa2996be6..5ab7d68fd 100644
--- a/view/tpl/hdr.tpl
+++ b/view/tpl/hdr.tpl
@@ -1,5 +1,3 @@
-<div id="banner" class="hidden-sm hidden-xs">{{$banner}}</div>
-
<div id="nav-notifications-template" rel="template">
<a class="dropdown-item clearfix dropdown-notification {5}" href="{0}" title="{2} {3}"><img class="dropdown-menu-img-sm" data-src="{1}"><span class="contactname">{2}</span><span class="dropdown-sub-text">{3}<br>{4}</span></a>
</div>
diff --git a/view/tpl/nav.tpl b/view/tpl/nav.tpl
index d3ead3cfe..ab9698d49 100755
--- a/view/tpl/nav.tpl
+++ b/view/tpl/nav.tpl
@@ -19,11 +19,8 @@
<button id="expand-aside" type="button" class="navbar-toggler border-0" data-toggle="offcanvas" data-target="#region_1">
<i class="fa fa-arrow-circle-right" id="expand-aside-icon"></i>
</button>
- <!--button id="expand-tabs" type="button" class="navbar-toggler border-0" data-toggle="collapse" data-target="#tabs-collapse-1">
- <i class="fa fa-arrow-circle-down" id="expand-tabs-icon"></i>
- </button-->
{{if $localuser}}
- <button id="notifications-btn" type="button" class="navbar-toggler border-0" data-toggle="collapse" data-target="#navbar-collapse-1" style="color: grey;">
+ <button id="notifications-btn" type="button" class="navbar-toggler border-0 text-muted" data-toggle="collapse" data-target="#navbar-collapse-1">
<i class="fa fa-exclamation-circle"></i>
</button>
{{/if}}
@@ -171,13 +168,17 @@
{{/if}}
</ul>
- <!--div class="navbar-text hidden-lg-down">Hubzilla</div-->
+ <div class="navbar-text text-white font-weight-bold">{{$banner}}</div>
- <ul class="navbar-nav hidden-sm-down ml-auto">
- <li class="nav-item">
+ <ul id="nav-right" class="navbar-nav hidden-sm-down ml-auto">
+ <li class="nav-item collapse clearfix" id="nav-search">
<form class="form-inline" method="get" action="search" role="search">
- <div id="nav-search-spinner"></div><input class="fa-search" id="nav-search-text" type="text" value="" placeholder="&#xf002; {{$help}}" name="search" title="{{$nav.search.3}}" onclick="this.submit();"/>
+ <input class="form-control form-control-sm mt-1" id="nav-search-text" type="text" value="" placeholder="&#xf002; {{$help}}" name="search" title="{{$nav.search.3}}" onclick="this.submit();" onblur=" $('#nav-search').hide(); $('#nav-search-btn').show();"/>
</form>
+ <div id="nav-search-spinner"></div>
+ </li>
+ <li class="nav-item" id="nav-search-btn">
+ <a class="nav-link" href="#nav-search" title="{{$nav.search.3}}" onclick="$('#nav-search').show(); $('#nav-search-btn').hide(); $('#nav-search-text').focus(); return false;"><i class="fa fa-fw fa-search"></i></a>
</li>
{{if $nav.help.6}}
<li class="nav-item dropdown {{$sel.help}}">
diff --git a/view/tpl/peoplefind.tpl b/view/tpl/peoplefind.tpl
index 82da8b9c9..2ecfbaff9 100755
--- a/view/tpl/peoplefind.tpl
+++ b/view/tpl/peoplefind.tpl
@@ -2,7 +2,7 @@
<h3>{{$findpeople}}</h3>
<form action="directory" method="post" />
<div class="input-group form-group">
- <input class="form-control" type="text" name="search" title="{{$hint}}{{if $advanced_search}}{{$advanced_hint}}{{/if}}" placeholder="{{$desc}}" />
+ <input class="form-control form-control-sm" type="text" name="search" title="{{$hint}}{{if $advanced_search}}{{$advanced_hint}}{{/if}}" placeholder="{{$desc}}" />
<div class="input-group-btn">
<button class="btn btn-outline-secondary" type="submit" name="submit"><i class="fa fa-fw fa-search"></i></button>
</div>
diff --git a/view/tpl/searchbox.tpl b/view/tpl/searchbox.tpl
index eafade405..8f7ac5162 100644
--- a/view/tpl/searchbox.tpl
+++ b/view/tpl/searchbox.tpl
@@ -1,7 +1,7 @@
<form action="{{$action_url}}" method="get" >
<input type="hidden" name="f" value="" />
<div id="{{$id}}" class="input-group">
- <input class="form-control" type="text" name="search" id="search-text" value="{{$s}}" onclick="this.submit();" />
+ <input class="form-control form-control-sm" type="text" name="search" id="search-text" value="{{$s}}" onclick="this.submit();" />
<div class="input-group-btn">
<button type="submit" name="submit" class="btn btn-outline-secondary" id="search-submit" value="{{$search_label}}"><i class="fa fa-search"></i></button>
{{if $savedsearch}}
generated by cgit v1.2.3 (git 2.25.1) at 2024-07-12 02:06:51 +0000