From 3748efe930a57325758e80d3f65e7363c83adbee Mon Sep 17 00:00:00 2001
From: Eike Cochu <eike@cochu.com>
Date: Thu, 21 Apr 2016 22:05:03 +0200
Subject: [PATCH] updated css rules for explorer windows sizing, added media
query
---
vipra-ui/app/index.html | 2 +-
vipra-ui/app/js/directives.js | 4 ++--
vipra-ui/app/less/app.less | 7 +++++++
3 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/vipra-ui/app/index.html b/vipra-ui/app/index.html
index 570f8442..24228438 100644
--- a/vipra-ui/app/index.html
+++ b/vipra-ui/app/index.html
@@ -54,7 +54,7 @@
<a tabindex="0" ui-sref="words"><span class="mnemonic">W</span>ords</a>
</li>
</ul>
- <form class="navbar-form navbar-left" role="search" ng-hide="state.name === 'index'" ng-cloak>
+ <form class="navbar-form navbar-left search-form" role="search" ng-hide="state.name === 'index'" ng-cloak>
<div class="form-group has-feedback">
<input tabindex="0" type="text" class="form-control" placeholder="Search..." ng-model="rootModels.search" ng-enter="menubarSearch(rootModels.search)" id="menuSearchBox">
<i class="form-control-feedback glyphicon glyphicon-search text-muted"></i>
diff --git a/vipra-ui/app/js/directives.js b/vipra-ui/app/js/directives.js
index 779d1e97..1aac8d1a 100644
--- a/vipra-ui/app/js/directives.js
+++ b/vipra-ui/app/js/directives.js
@@ -2,7 +2,7 @@
* Vipra Application
* Directives
******************************************************************************/
-/* globals angular, Vipra, bootbox, $ */
+/* globals angular, Vipra, bootbox */
(function() {
"use strict";
@@ -118,7 +118,7 @@
highcharts: '='
},
link: function($scope, $element) {
- $scope.$watch('highcharts', function(newVal) {
+ $scope.$watch('highcharts', function() {
$element.highcharts($scope.highcharts);
});
}
diff --git a/vipra-ui/app/less/app.less b/vipra-ui/app/less/app.less
index ae6c94f6..c0e33a02 100644
--- a/vipra-ui/app/less/app.less
+++ b/vipra-ui/app/less/app.less
@@ -252,6 +252,7 @@ a:hover {
background: #f9f9f9;
padding: @sidebar-padding;
height: 100%;
+ min-width: 250px;
> * + * {
margin-top: 5px;
}
@@ -596,4 +597,10 @@ entity-menu {
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
display: none !important;
+}
+
+@media screen and (max-width: 900px) {
+ .search-form {
+ display: none;
+ }
}
\ No newline at end of file
--
GitLab