New: Updated UI New: Mobile browser support Fixed: /favicon.ico will return the favicon nowpull/4/head
Mark McDowall
11 years ago
parent
28fa264c69
commit
99f2b07a11
@ -0,0 +1,30 @@
|
|||||||
|
using System.IO;
|
||||||
|
using NLog;
|
||||||
|
using NzbDrone.Common.Disk;
|
||||||
|
using NzbDrone.Common.EnvironmentInfo;
|
||||||
|
|
||||||
|
namespace NzbDrone.Api.Frontend.Mappers
|
||||||
|
{
|
||||||
|
public class FaviconMapper : StaticResourceMapperBase
|
||||||
|
{
|
||||||
|
private readonly IAppFolderInfo _appFolderInfo;
|
||||||
|
|
||||||
|
public FaviconMapper(IAppFolderInfo appFolderInfo, IDiskProvider diskProvider, Logger logger)
|
||||||
|
: base(diskProvider, logger)
|
||||||
|
{
|
||||||
|
_appFolderInfo = appFolderInfo;
|
||||||
|
}
|
||||||
|
|
||||||
|
protected override string Map(string resourceUrl)
|
||||||
|
{
|
||||||
|
var path = Path.Combine("Content", "Images", "favicon.ico");
|
||||||
|
|
||||||
|
return Path.Combine(_appFolderInfo.StartUpFolder, "UI", path);
|
||||||
|
}
|
||||||
|
|
||||||
|
public override bool CanHandle(string resourceUrl)
|
||||||
|
{
|
||||||
|
return resourceUrl.Equals("/favicon.ico");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,29 +1,33 @@
|
|||||||
<div class="modal-header">
|
<div class="modal-dialog">
|
||||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
<div class="modal-content">
|
||||||
<h3>NzbDrone Calendar feed</h3>
|
<div class="modal-header">
|
||||||
</div>
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
<div class="modal-body edit-series-modal">
|
<h3>NzbDrone Calendar feed</h3>
|
||||||
<div class="row">
|
</div>
|
||||||
<div>
|
<div class="modal-body edit-series-modal">
|
||||||
<div class="form-horizontal">
|
<div class="row">
|
||||||
<div class="form-group">
|
<div>
|
||||||
<label class="control-label">iCal feed</label>
|
<div class="form-horizontal">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="control-label">iCal feed</label>
|
||||||
|
|
||||||
<div class="controls ical-url">
|
<div class="controls ical-url">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input type="text" class="x-ical-url" value="{{icalHttpUrl}}" readonly="readonly" />
|
<input type="text" class="x-ical-url" value="{{icalHttpUrl}}" readonly="readonly" />
|
||||||
<button class="btn btn-icon-only x-ical-copy" title="Copy to clipboard"><i class="icon-copy"></i></button>
|
<button class="btn btn-icon-only x-ical-copy" title="Copy to clipboard"><i class="icon-copy"></i></button>
|
||||||
<a class="btn btn-icon-only no-router" title="Subscribe" href="{{icalWebCalUrl}}" target="_blank"><i class="icon-calendar-empty"></i></a>
|
<a class="btn btn-icon-only no-router" title="Subscribe" href="{{icalWebCalUrl}}" target="_blank"><i class="icon-calendar-empty"></i></a>
|
||||||
|
</div>
|
||||||
|
<span class="help-inline">
|
||||||
|
<i class="icon-nd-form-info" title="Copy this url into your clients subscription form or use the subscribe button if your browser support webcal"/>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span class="help-inline">
|
|
||||||
<i class="icon-nd-form-info" title="Copy this url into your clients subscription form or use the subscribe button if your browser support webcal"/>
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button class="btn" data-dismiss="modal">close</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
|
||||||
<button class="btn" data-dismiss="modal">close</button>
|
|
||||||
</div>
|
|
||||||
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
@ -1,5 +1,23 @@
|
|||||||
|
@import "../variables";
|
||||||
|
|
||||||
body.control-panel-visible {
|
body.control-panel-visible {
|
||||||
ul.messenger.messenger-fixed.messenger-on-bottom {
|
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||||
bottom: 95px;
|
bottom: 95px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
|
||||||
|
background: @droneTeal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: @screen-xs-max) {
|
||||||
|
ul.messenger.messenger-fixed.messenger-on-bottom {
|
||||||
|
width: 100%;
|
||||||
|
bottom: 0px;
|
||||||
|
.border-bottom-radius(0);
|
||||||
|
|
||||||
|
&.messenger-on-right {
|
||||||
|
right : 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -0,0 +1,2 @@
|
|||||||
|
@import "./Bootstrap/bootstrap";
|
||||||
|
@import "./Overrides/bootstrap";
|
||||||
@ -1,161 +0,0 @@
|
|||||||
@import "prefixer";
|
|
||||||
|
|
||||||
@grid-float-breakpoint: @screen-xs-min;
|
|
||||||
|
|
||||||
#main-menu-region {
|
|
||||||
text-align : center;
|
|
||||||
margin-bottom : 10px;
|
|
||||||
|
|
||||||
i:before {
|
|
||||||
font-size : 35px;
|
|
||||||
}
|
|
||||||
|
|
||||||
i {
|
|
||||||
width : 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-nav, .navbar-nav>li {
|
|
||||||
float : none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
padding : 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
margin-top : 25px;
|
|
||||||
vertical-align : middle;
|
|
||||||
height : 70px;
|
|
||||||
width : 70px;
|
|
||||||
|
|
||||||
color: #ff0000;
|
|
||||||
&:after {
|
|
||||||
content: "unknown";
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @screen-xs-min) {
|
|
||||||
&:after {
|
|
||||||
content: "xs";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @screen-sm-min) {
|
|
||||||
&:after {
|
|
||||||
content: "sm";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @screen-md-min) {
|
|
||||||
&:after {
|
|
||||||
content: "md";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @screen-lg-min) {
|
|
||||||
&:after {
|
|
||||||
content: "lg";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
list-style-type : none;
|
|
||||||
display : inline-block;
|
|
||||||
position : relative;
|
|
||||||
|
|
||||||
a {
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
text-decoration : none;
|
|
||||||
}
|
|
||||||
|
|
||||||
display : block;
|
|
||||||
|
|
||||||
@media (max-width: @screen-xs-max) {
|
|
||||||
border-radius : 6px;
|
|
||||||
padding : 15px 10px 5px;
|
|
||||||
min-height : 38px;
|
|
||||||
min-width : 42px;
|
|
||||||
margin : 20px 0px 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
||||||
border-radius : 6px;
|
|
||||||
padding : 15px 10px 5px;
|
|
||||||
min-height : 76px;
|
|
||||||
min-width : 84px;
|
|
||||||
margin : 20px 0px 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: @screen-md-min) {
|
|
||||||
border-radius : 6px;
|
|
||||||
padding : 15px 10px 5px;
|
|
||||||
min-height : 76px;
|
|
||||||
min-width : 84px;
|
|
||||||
margin : 20px 10px 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
color : #b9b9b9;
|
|
||||||
font-weight : 100;
|
|
||||||
}
|
|
||||||
span.label.pull-right {
|
|
||||||
position : absolute;
|
|
||||||
top : 28px;
|
|
||||||
right : 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.backdrop {
|
|
||||||
#nav-region {
|
|
||||||
background-color : #000000;
|
|
||||||
.opacity(0.85);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-region {
|
|
||||||
margin-bottom : 80px;
|
|
||||||
height : 150px;
|
|
||||||
|
|
||||||
.col-md-12 {
|
|
||||||
margin-left : 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
a {
|
|
||||||
&:hover {
|
|
||||||
background-color : #555555;
|
|
||||||
text-decoration : none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.label {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.search {
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
input, .input-group-addon {
|
|
||||||
background-color: #333333;
|
|
||||||
border-color: #333333;
|
|
||||||
color: #cccccc;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
background-color: #333333;
|
|
||||||
color: #cccccc;
|
|
||||||
|
|
||||||
> li > a {
|
|
||||||
color: #cccccc;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -0,0 +1,227 @@
|
|||||||
|
@import "prefixer";
|
||||||
|
@import "variables";
|
||||||
|
|
||||||
|
@grid-float-breakpoint: @screen-xs-min;
|
||||||
|
|
||||||
|
.backdrop {
|
||||||
|
.navbar-nzbdrone {
|
||||||
|
background-color : #000000;
|
||||||
|
.opacity(0.85);
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-nzbdrone {
|
||||||
|
text-align : center;
|
||||||
|
|
||||||
|
i:before {
|
||||||
|
font-size : 35px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-nav, .navbar-nav>li {
|
||||||
|
float : none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-toggle {
|
||||||
|
border-color: #333;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
background-color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-bar {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-brand {
|
||||||
|
position: absolute;
|
||||||
|
|
||||||
|
@media (max-width: @screen-xs-max) {
|
||||||
|
padding: 9px 15px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||||
|
padding: 20px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
||||||
|
padding: 30px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: @screen-lg-min) {
|
||||||
|
padding: 22px 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-text {
|
||||||
|
color: white;
|
||||||
|
font-weight: 300;
|
||||||
|
|
||||||
|
.highlight {
|
||||||
|
font-weight: 400;
|
||||||
|
color: @droneTeal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style-type : none;
|
||||||
|
display : inline-block;
|
||||||
|
position : relative;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display : block;
|
||||||
|
color : #b9b9b9;
|
||||||
|
font-weight : 100;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color : #555555;
|
||||||
|
text-decoration : none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
text-decoration : none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
||||||
|
border-radius : 6px;
|
||||||
|
padding : 5px 0px 5px;
|
||||||
|
min-height : 76px;
|
||||||
|
min-width : 64px;
|
||||||
|
margin : 20px 5px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
||||||
|
border-radius : 6px;
|
||||||
|
padding : 15px 10px 5px;
|
||||||
|
min-height : 76px;
|
||||||
|
min-width : 64px;
|
||||||
|
margin : 20px 10px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: @screen-lg-min) {
|
||||||
|
border-radius : 6px;
|
||||||
|
padding : 15px 10px 5px;
|
||||||
|
min-height : 76px;
|
||||||
|
min-width : 84px;
|
||||||
|
margin : 20px 10px 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.health {
|
||||||
|
.label {
|
||||||
|
position : absolute;
|
||||||
|
top : 10px;
|
||||||
|
right : 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: @screen-xs-max) {
|
||||||
|
text-align : left;
|
||||||
|
|
||||||
|
i:before {
|
||||||
|
font-size : 14px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.health {
|
||||||
|
margin-left: 5px;
|
||||||
|
|
||||||
|
.label {
|
||||||
|
position : static;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
|
||||||
|
i:before {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group {
|
||||||
|
input, .input-group-addon {
|
||||||
|
background-color: #333333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input, .input-group-addon {
|
||||||
|
border-color: #333333;
|
||||||
|
color: #cccccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tt-dropdown-menu {
|
||||||
|
|
||||||
|
background-color: #333333;
|
||||||
|
color: #cccccc;
|
||||||
|
opacity: .95;
|
||||||
|
|
||||||
|
.tt-suggestion {
|
||||||
|
color: #cccccc;
|
||||||
|
|
||||||
|
&.tt-cursor {
|
||||||
|
//item selected
|
||||||
|
|
||||||
|
background-color: @droneTeal;
|
||||||
|
color: #222222;
|
||||||
|
|
||||||
|
a {
|
||||||
|
//link in item selected
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//.screen-size {
|
||||||
|
// color: @droneTeal;
|
||||||
|
// &:after {
|
||||||
|
// content: "unknown";
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// @media (min-width: @screen-xs-min) {
|
||||||
|
// &:after {
|
||||||
|
// content: "xs";
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// @media (min-width: @screen-sm-min) {
|
||||||
|
// &:after {
|
||||||
|
// content: "sm";
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// @media (min-width: @screen-md-min) {
|
||||||
|
// &:after {
|
||||||
|
// content: "md";
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
//
|
||||||
|
// @media (min-width: @screen-lg-min) {
|
||||||
|
// &:after {
|
||||||
|
// content: "lg";
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
//}
|
||||||
@ -0,0 +1,152 @@
|
|||||||
|
/*
|
||||||
|
* typehead.js-bootstrap3.less
|
||||||
|
* @version 0.2.3
|
||||||
|
* https://github.com/hyspace/typeahead.js-bootstrap3.less
|
||||||
|
*
|
||||||
|
* Licensed under the MIT license:
|
||||||
|
* http://www.opensource.org/licenses/MIT
|
||||||
|
*/
|
||||||
|
|
||||||
|
//custom mixin for .form-control-validation
|
||||||
|
.typeahead-form-control(@border-color: #ccc;) {
|
||||||
|
border-color: @border-color;
|
||||||
|
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
||||||
|
&:focus {
|
||||||
|
border-color: darken(@border-color, 10%);
|
||||||
|
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
|
||||||
|
.box-shadow(@shadow);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//main styles for control
|
||||||
|
.tt-input,
|
||||||
|
.tt-hint {
|
||||||
|
.twitter-typeahead &{
|
||||||
|
//validation states
|
||||||
|
.has-warning &{
|
||||||
|
.typeahead-form-control(@state-warning-text);
|
||||||
|
}
|
||||||
|
.has-error &{
|
||||||
|
.typeahead-form-control(@state-danger-text);
|
||||||
|
}
|
||||||
|
.has-success &{
|
||||||
|
.typeahead-form-control(@state-success-text);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//border
|
||||||
|
.input-group .twitter-typeahead:first-child &{
|
||||||
|
.border-left-radius(@border-radius-base);
|
||||||
|
}
|
||||||
|
.input-group .twitter-typeahead:last-child &{
|
||||||
|
.border-right-radius(@border-radius-base);
|
||||||
|
}
|
||||||
|
|
||||||
|
//sizing - small:size and border
|
||||||
|
.input-group.input-group-sm .twitter-typeahead &{
|
||||||
|
.input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
|
||||||
|
}
|
||||||
|
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) &{
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.input-group.input-group-sm .twitter-typeahead:first-child &{
|
||||||
|
.border-left-radius(@border-radius-small);
|
||||||
|
.border-right-radius(0);
|
||||||
|
}
|
||||||
|
.input-group.input-group-sm .twitter-typeahead:last-child &{
|
||||||
|
.border-left-radius(0);
|
||||||
|
.border-right-radius(@border-radius-small);
|
||||||
|
}
|
||||||
|
|
||||||
|
//sizing - large:size and border
|
||||||
|
.input-group.input-group-lg .twitter-typeahead &{
|
||||||
|
.input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
|
||||||
|
}
|
||||||
|
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) &{
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.input-group.input-group-lg .twitter-typeahead:first-child &{
|
||||||
|
.border-left-radius(@border-radius-large);
|
||||||
|
.border-right-radius(0);
|
||||||
|
}
|
||||||
|
.input-group.input-group-lg .twitter-typeahead:last-child &{
|
||||||
|
.border-left-radius(0);
|
||||||
|
.border-right-radius(@border-radius-large);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//for wrapper
|
||||||
|
.twitter-typeahead {
|
||||||
|
width: 100%;
|
||||||
|
.input-group &{
|
||||||
|
//overwrite `display:inline-block` style
|
||||||
|
display: table-cell!important;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//particular style for each other
|
||||||
|
.twitter-typeahead .tt-hint {
|
||||||
|
color: @text-muted;//color - hint
|
||||||
|
}
|
||||||
|
.twitter-typeahead .tt-input {
|
||||||
|
z-index: 2;
|
||||||
|
//disabled status
|
||||||
|
//overwrite inline styles of .tt-query
|
||||||
|
&[disabled],
|
||||||
|
&[readonly],
|
||||||
|
fieldset[disabled] & {
|
||||||
|
cursor: not-allowed;
|
||||||
|
//overwirte inline style
|
||||||
|
background-color: @input-bg-disabled!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//dropdown styles
|
||||||
|
.tt-dropdown-menu {
|
||||||
|
//dropdown menu
|
||||||
|
position: absolute;
|
||||||
|
top: 100%;
|
||||||
|
left: 0;
|
||||||
|
z-index: @zindex-dropdown;
|
||||||
|
min-width: 160px;
|
||||||
|
width: 100%;
|
||||||
|
padding: 5px 0;
|
||||||
|
margin: 2px 0 0;
|
||||||
|
list-style: none;
|
||||||
|
font-size: @font-size-base;
|
||||||
|
background-color: @dropdown-bg;
|
||||||
|
border: 1px solid @dropdown-fallback-border;
|
||||||
|
border: 1px solid @dropdown-border;
|
||||||
|
border-radius: @border-radius-base;
|
||||||
|
.box-shadow(0 6px 12px rgba(0,0,0,.175));
|
||||||
|
background-clip: padding-box;
|
||||||
|
*border-right-width: 2px;
|
||||||
|
*border-bottom-width: 2px;
|
||||||
|
|
||||||
|
.tt-suggestion {
|
||||||
|
//item
|
||||||
|
display: block;
|
||||||
|
padding: 3px 20px;
|
||||||
|
clear: both;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: @line-height-base;
|
||||||
|
color: @dropdown-link-color;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
&.tt-cursor {
|
||||||
|
//item selected
|
||||||
|
text-decoration: none;
|
||||||
|
outline: 0;
|
||||||
|
background-color: @dropdown-link-hover-bg;
|
||||||
|
color: @dropdown-link-hover-color;
|
||||||
|
a {
|
||||||
|
//link in item selected
|
||||||
|
color: @dropdown-link-hover-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
@import "Bootstrap/variables";
|
||||||
|
@import "Bootstrap/mixins";
|
||||||
|
|
||||||
|
@media (max-width: @screen-sm-max) {
|
||||||
|
.pull-none-xs {
|
||||||
|
float : none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-group {
|
||||||
|
&.btn-group-collapse {
|
||||||
|
> .btn {
|
||||||
|
margin : 2px;
|
||||||
|
display : block;
|
||||||
|
float : none;
|
||||||
|
border-radius : @border-radius-base !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,21 +1,23 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="control-label">{{label}}</label>
|
<label class="col-sm-3 control-label">{{label}}</label>
|
||||||
|
|
||||||
<div class="controls">
|
<div class="col-sm-5">
|
||||||
<label class="checkbox toggle well">
|
<div class="input-group">
|
||||||
<input type="checkbox" name="fields.{{order}}.value"/>
|
<label class="checkbox toggle well">
|
||||||
<p>
|
<input type="checkbox" name="fields.{{order}}.value"/>
|
||||||
<span>Yes</span>
|
<p>
|
||||||
<span>No</span>
|
<span>Yes</span>
|
||||||
</p>
|
<span>No</span>
|
||||||
|
</p>
|
||||||
|
|
||||||
<div class="btn btn-primary slide-button"/>
|
<div class="btn btn-primary slide-button"/>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
{{#if helpText}}
|
{{#if helpText}}
|
||||||
<span class="help-inline-checkbox">
|
<span class="help-inline-checkbox">
|
||||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
||||||
</span>
|
</span>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,11 +1,8 @@
|
|||||||
{{#if helpText}}
|
<span class="col-sm-1 help-inline">
|
||||||
<span class="help-inline">
|
{{#if helpText}}
|
||||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
||||||
</span>
|
{{/if}}
|
||||||
{{/if}}
|
{{#if helpLink}}
|
||||||
|
|
||||||
{{#if helpLink}}
|
|
||||||
<span class="help-inline">
|
|
||||||
<a href="{{helpLink}}" class="help-link"><i class="icon-info-sign"/></a>
|
<a href="{{helpLink}}" class="help-link"><i class="icon-info-sign"/></a>
|
||||||
</span>
|
{{/if}}
|
||||||
{{/if}}
|
</span>
|
||||||
|
|||||||
@ -1,12 +1,8 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="control-label">{{label}}</label>
|
<label class="col-sm-3 control-label">{{label}}</label>
|
||||||
|
|
||||||
<div class="controls">
|
<div class="col-sm-5">
|
||||||
<input type="password" name="fields.{{order}}.value" validation-name="{{name}}"/>
|
<input type="password" name="fields.{{order}}.value" validation-name="{{name}}" class="form-control"/>
|
||||||
{{#if helpText}}
|
|
||||||
<span class="help-inline">
|
|
||||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
|
||||||
</span>
|
|
||||||
{{/if}}
|
|
||||||
</div>
|
</div>
|
||||||
|
{{> FormHelpPartial}}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,12 +1,8 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="control-label">{{label}}</label>
|
<label class="col-sm-3 control-label">{{label}}</label>
|
||||||
|
|
||||||
<div class="controls">
|
<div class="col-sm-5">
|
||||||
<input type="text" name="fields.{{order}}.value" validation-name="{{name}}" class="x-path"/>
|
<input type="text" name="fields.{{order}}.value" validation-name="{{name}}" class="form-control x-path"/>
|
||||||
{{#if helpText}}
|
|
||||||
<span class="help-inline">
|
|
||||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
|
||||||
</span>
|
|
||||||
{{/if}}
|
|
||||||
</div>
|
</div>
|
||||||
|
{{> FormHelpPartial}}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,16 +1,12 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="control-label">{{label}}</label>
|
<label class="col-sm-3 control-label">{{label}}</label>
|
||||||
|
|
||||||
<div class="controls">
|
<div class="col-sm-5">
|
||||||
<select name="fields.{{order}}.value">
|
<select name="fields.{{order}}.value" class="form-control">
|
||||||
{{#each selectOptions}}
|
{{#each selectOptions}}
|
||||||
<option value="{{value}}">{{name}}</option>
|
<option value="{{value}}">{{name}}</option>
|
||||||
{{/each}}
|
{{/each}}
|
||||||
</select>
|
</select>
|
||||||
{{#if helpText}}
|
|
||||||
<span class="help-inline">
|
|
||||||
<i class="icon-nd-form-info" title="{{helpText}}"/>
|
|
||||||
</span>
|
|
||||||
{{/if}}
|
|
||||||
</div>
|
</div>
|
||||||
|
{{> FormHelpPartial}}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="control-label">{{label}}</label>
|
<label class="col-sm-3 control-label">{{label}}</label>
|
||||||
|
|
||||||
<div class="controls">
|
<div class="col-sm-5">
|
||||||
<input type="text" name="fields.{{order}}.value" validation-name="{{name}}" spellcheck="false"/>
|
<input type="text" name="fields.{{order}}.value" validation-name="{{name}}" spellcheck="false" class="form-control"/>
|
||||||
{{> FormHelpPartial}}
|
|
||||||
</div>
|
</div>
|
||||||
|
{{> FormHelpPartial}}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,16 +1,29 @@
|
|||||||
.indexer-settings-item {
|
.indexer-settings-item {
|
||||||
|
|
||||||
width: 220px;
|
width: 220px;
|
||||||
height: 260px;
|
height: 295px;
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
width: 190px;
|
width: 175px;
|
||||||
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.add-card {
|
&.add-card {
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-left: 10px;
|
||||||
|
|
||||||
.center {
|
.center {
|
||||||
margin-top: 100px;
|
margin-top: 90px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Super hack to keep using form builder, this should be dead when we do proper modals for editing */
|
||||||
|
.col-sm-1, .col-sm-3, .col-sm-5 {
|
||||||
|
display : block;
|
||||||
|
width : 100%;
|
||||||
|
padding: 0px;
|
||||||
|
float: none;
|
||||||
|
position: inherit;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue