monkee.ch/SickGear
1
0
Fork 0
mirror of https://github.com/SickGear/SickGear.git synced 2025-01-05 17:43:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change vertical alignment of input fields to be in-line with text.

Browse source 
Specifically where the "input" class was used.
This commit is contained in:
JackDandy 2015-03-24 18:11:51 +00:00
parent 9aebeb45af
commit ed86017e06
6 changed files with 108 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
CHANGES.md
View file

@ -66,7 +66,8 @@
* Remove restriction to not display snatched eps link in footer on Episode Overview page
* Change the shows episodes count text colour to visually separete from year numbers at the end of show names
* Change to add clarity to the subtitle and other columns on the Mass Update page
* Change to improve clarity with "Limited backlog search" on the Config/Search Settings page
* Change to improve clarity with "Recent search" and "Limited backlog" on the Config/Search Settings page
* Change vertical alignment of input fields to be inline with text
* Add tooltips to explain why any the 6 action columns are disabled when required on the Mass Update page
* Change to reclaimed screen estate by hiding unused columns on the Mass Update page
* Change order of option on Mass Edit page to be inline with show edit page

52
gui/slick/css/style.css
View file

@ -1899,6 +1899,10 @@ config*.tmpl
padding:12px 0
}
#config .linefix div.field-pair{
padding:6px 0 12px 0
}
#config div.field-pair select,
#config div.field-pair input{
margin-right:6px
@ -1922,6 +1926,26 @@ config*.tmpl
line-height:24px
}
.stepDiv.linefix span.component-title,
#config .linefix span.component-title{
line-height:29px !important
}
.stepDiv.linefix span.component-desc,
#config .linefix span.component-desc{
line-height:30px
}
.stepDiv.linefix span.component-desc .note,
#config .linefix span.component-desc .note{
line-height:18px
}
.stepDiv.linefix span.component-desc p,
#config .linefix span.component-desc p{
margin-bottom:0
}
.stepDiv span.component-title.input{
line-height:30px
}
@ -2158,11 +2182,6 @@ config_postProcessing.tmpl
background-color:#dfdede
}
.legend{
position:relative;
top:2px
}
#failed-guide,
#failed-guide .title,
#failed-guide li{
@ -2197,7 +2216,7 @@ config_notifications.tmpl
div.metadata_options_wrapper{
float:left;
width:190px
width:196px
}
div.metadata_example_wrapper{
@ -2209,6 +2228,10 @@ div.metadata_example_wrapper h4{
margin:0 0 10px
}
#config .linefix div.metadata_options input[type=checkbox]{
margin-top:4px
}
div.metadata_options{
overflow:auto;
background:#f5f1e4;
@ -2232,7 +2255,7 @@ div.metadata_options label,
div.metadata_example label{
line-height:21px;
display:block;
padding:3px;
padding:3px 6px;
margin:0
}
div.metadata_options input{
@ -3092,6 +3115,21 @@ input sizing (for config pages)
margin-top:-4px
}
.stepDiv.linefix .select,.stepDiv.linefix .btn-inline,.stepDiv.linefix .input75,.stepDiv.linefix .input100,.stepDiv.linefix .input150,.stepDiv.linefix .input200,.stepDiv.linefix .input250,.stepDiv.linefix .input300,.stepDiv.linefix .input350,
#config .linefix .select,#config .linefix .btn-inline,#config .linefix .input75,#config .linefix .input100,#config .linefix .input150,#config .linefix .input200,#config .linefix .input250,#config .linefix .input300,#config .linefix .input350{
margin-top:0
}
.stepDiv.linefix input[type=radio],.stepDiv.linefix input[type=checkbox],
#config .linefix input[type=radio],#config .linefix input[type=checkbox]{
margin-top:0.7em
}
.stepDiv.linefix input[type=button],
#config .linefix input[type=button]{
margin-top:1px
}
/* =======================================================================
browser.css
========================================================================== */

46
gui/slick/interfaces/default/config_postProcessing.tmpl
View file

@ -27,7 +27,7 @@
#set $selected = 'selected="selected" class="selected"'
<div id="config" class="pp">
<div id="config-content">
<div id="config-content" class="linefix">
<form id="configForm" action="savePostProcessing" method="post">
@ -50,12 +50,12 @@
<div class="field-pair">
<label for="tv_download_dir">
<span class="component-title">Completed TV downloads
<div class="red-text"><em class="boldest">must not</em> be the folder where downloading files are created</div>
<p class="red-text" style="line-height:20px;margin:0"><em class="boldest">must not</em> be the folder where downloading files are created</p>
</span>
<span class="component-desc">
<input type="text" name="tv_download_dir" id="tv_download_dir" value="$sickbeard.TV_DOWNLOAD_DIR" class="form-control input-sm input350">
<div class="pull-left">
<p>folder where download clients save <b><em class="boldest">completed</em></b> downloads.&nbsp;
<p class="note">folder where download clients save <b><em class="boldest">completed</em></b> downloads.&nbsp;
<b>note:</b> only use if not using SABnzbd post processing <em>or</em> if SABnzbd is on a different PC to SickGear</p>
</div>
</span>
@ -64,7 +64,7 @@
<div class="field-pair">
<label for="process_method">
<span class="component-title input">Process episode method</span>
<span class="component-title">Process episode method</span>
<span class="component-desc">
<select name="process_method" id="process_method" class="form-control input-sm">
#set $process_method_text = {'copy': 'Copy', 'move': 'Move', 'hardlink': 'Hard Link', 'symlink' : 'Symbolic Link'}
@ -83,8 +83,8 @@
<span class="component-title">Scan and post process</span>
<span class="component-desc">
<input type="checkbox" name="process_automatically" id="process_automatically" #if $sickbeard.PROCESS_AUTOMATICALLY == True then $checked else ''#>
<p>files in the <em>completed TV downloads</em> folder.&nbsp;
<b>note:</b> do not enable with external post processing scripts like sabToSickbeard for SABnzbd, or NZBMedia for NZBGET</p>
<p>files in the <em>completed TV downloads</em> folder</p>
<p class="clear-left note"><b>note:</b> do not enable with external post processing scripts like sabToSickbeard for SABnzbd, or NZBMedia for NZBGET</p>
</span>
</label>
</div>
@ -116,7 +116,7 @@
<input type="text" name="extra_scripts" id="extra_scripts" value="<%='|'.join(sickbeard.EXTRA_SCRIPTS)%>" class="form-control input-sm input350">
<img src="$sbRoot/images/legend16.png" width="16" height="16" alt="[Toggle Key]" id="show_extra_params" title="Toggle info for script arguments" class="legend" class="legend" />
<div class="clear-left">
<p>scripts are called after built-in post processing.
<p class="note">scripts are called after built-in post processing.
&nbsp;<b>note:</b> use <b class="grey-text boldest">|</b> to separate additional extra scripts
(e.g. <span class="grey-text">inside_SG_root_folder.sh|/other/path/to/script.py</span>)</p>
<div id="extra_params" style="display: none">
@ -178,7 +178,7 @@
<div class="field-pair">
<label for="skip_removed_files">
<span class="component-title input">Status of removed episodes</span>
<span class="component-title">Status of removed episodes</span>
<span class="component-desc">
<select name="skip_removed_files" id="skip_removed_files" class="form-control form-control-inline input-sm">
@ -228,8 +228,8 @@
<span class="component-title">Change file date</span>
<span class="component-desc">
<input type="checkbox" name="airdate_episodes" id="airdate_episodes" #if $sickbeard.AIRDATE_EPISODES == True then $checked else ''#>
<p>set last modified filedate to the date that the episode aired<br />
<b>note:</b> some systems may ignore this feature.</p>
<p>set last modified filedate to the date that the episode aired</p>
<p class="note"><b>note:</b> some systems may ignore this feature.</p>
</span>
</label>
</div>
@ -262,10 +262,10 @@
<div class="field-pair" style="padding-top:0">
<span class="component-desc">
<ul id="failed-guide">
<li class="title">SABnzbd setup guide</li>
<li class="action">menu "Switches"&nbsp;... [disable] "<em class="boldest">Abort jobs that cannot be completed</em>"</li>
<li class="action">menu "Switches"&nbsp;... [disable] "<em class="boldest">Post-Process Only Verified Jobs</em>"</li>
<li class="action">menu "Special"&nbsp;... [enable] "<em class="boldest">empty_postproc</em>"</li>
<li class="title note">SABnzbd setup guide</li>
<li class="action note">menu "Switches"&nbsp;... [disable] "<em class="boldest">Abort jobs that cannot be completed</em>"</li>
<li class="action note">menu "Switches"&nbsp;... [disable] "<em class="boldest">Post-Process Only Verified Jobs</em>"</li>
<li class="action note">menu "Special"&nbsp;... [enable] "<em class="boldest">empty_postproc</em>"</li>
</ul>
</span>
</div>
@ -309,7 +309,7 @@
<div class="field-pair">
<label for="name_presets">
<span class="component-title input">Name pattern</span>
<span class="component-title">Name pattern</span>
<span class="component-desc">
<select id="name_presets" class="form-control input-sm">
#set is_custom = True
@ -460,7 +460,7 @@
<div class="field-pair">
<label for="naming_multi_ep">
<span class="component-title input">Multi episode style</span>
<span class="component-title">Multi episode style</span>
<span class="component-desc">
<select id="naming_multi_ep" name="naming_multi_ep" class="form-control input-sm">
#for $cur_multi_ep in sorted($multiEpStrings.items(), key=lambda x: x[1]):
@ -530,7 +530,7 @@
<fieldset class="component-group-list">
<div class="field-pair right">
<label for="name_abd_presets">
<span class="component-title input">Air-by-date name pattern</span>
<span class="component-title">Air-by-date name pattern</span>
<span class="component-desc">
<select id="name_abd_presets" class="form-control input-sm">
#set is_abd_custom = True
@ -728,7 +728,7 @@
<fieldset class="component-group-list">
<div class="field-pair right">
<label for="name_sports_presets">
<span class="component-title input">Sports name pattern</span>
<span class="component-title">Sports name pattern</span>
<span class="component-desc">
<select id="name_sports_presets" class="form-control input-sm">
#set is_sports_custom = True
@ -931,7 +931,7 @@
<fieldset class="component-group-list">
<div class="field-pair right">
<label for="name_anime_presets">
<span class="component-title input">Anime name pattern</span>
<span class="component-title">Anime name pattern</span>
<span class="component-desc">
<select id="name_anime_presets" class="form-control input-sm">
#set is_anime_custom = True
@ -1081,7 +1081,7 @@
<div class="field-pair">
<label for="naming_anime_multi_ep">
<span class="component-title input">Multi episode style</span>
<span class="component-title">Multi episode style</span>
<span class="component-desc">
<select id="naming_anime_multi_ep" name="naming_anime_multi_ep" class="form-control input-sm">
#for $cur_multi_ep in sorted($multiEpStrings.items(), key=lambda x: x[1]):
@ -1127,8 +1127,8 @@
<span class="component-title">Add absolute numbering</span>
<span class="component-desc">
<input type="radio" name="naming_anime" id="naming_anime" value="1" #if $sickbeard.NAMING_ANIME == 1 then $checked else ''#/>
<p>add the absolute number to the season/episode format<br />
(eg. S15E45 - 310 vs S15E45)</p>
<p>add the absolute number to the season/episode format</p>
<p class="note">(eg. S15E45 - 310 vs S15E45)</p>
</span>
</label>
</div>
@ -1181,7 +1181,7 @@
<fieldset class="component-group-list">
<div class="field-pair">
<label>
<span class="component-title input">Metadata target</span>
<span class="component-title">Metadata target</span>
<span class="component-desc">
#set $m_dict = $metadata.get_metadata_generator_dict()
<select id="metadataType" class="form-control input-sm">

49
gui/slick/interfaces/default/config_search.tmpl
View file

@ -24,7 +24,7 @@
#set $html_checked = ' checked="checked"'
<div id="config">
<div id="config-content">
<div id="config-content" class="linefix">
<form id="configForm" action="saveSearch" method="post">
@ -56,7 +56,7 @@
<div id="content_download_propers">
<div class="field-pair">
<label for="check_propers_interval">
<span class="component-title input">Check propers every:</span>
<span class="component-title">Check propers every:</span>
<span class="component-desc">
<select id="check_propers_interval" name="check_propers_interval" class="form-control input-sm">
#set $check_propers_interval_text = {'daily': "24 hours", '4h': "4 hours", '90m': "90 mins", '45m': "45 mins", '15m': "15 mins"}
@ -72,17 +72,17 @@
<div class="field-pair">
<label>
<span class="component-title input">Recent search frequency</span>
<span class="component-title">Recent search frequency</span>
<span class="component-desc">
<input type="text" name="recentsearch_frequency" value="$sickbeard.RECENTSEARCH_FREQUENCY" class="form-control input-sm input75">
<p>time in minutes between searches (min. $sickbeard.MIN_RECENTSEARCH_FREQUENCY)</p>
<p>minutes between checking recent updated shows (minimum $sickbeard.MIN_RECENTSEARCH_FREQUENCY)</p>
</span>
</label>
</div>
<div class="field-pair">
<label>
<span class="component-title input">Limited backlog search</span>
<span class="component-title">Limited backlog search</span>
<span class="component-desc">
<input type="text" name="backlog_days" value="$sickbeard.BACKLOG_DAYS" class="form-control input-sm input75">
<p>day(s) that the limited search will cover (e.g. 7)</p>
@ -92,17 +92,17 @@
<div class="field-pair">
<label>
<span class="component-title input">Backlog search frequency</span>
<span class="component-title">Backlog search frequency</span>
<span class="component-desc">
<input type="text" name="backlog_frequency" value="$sickbeard.BACKLOG_FREQUENCY" class="form-control input-sm input75">
<p>time in minutes between searches (min. $sickbeard.MIN_BACKLOG_FREQUENCY)</p>
<p>minutes between searches (minimum $sickbeard.MIN_BACKLOG_FREQUENCY)</p>
</span>
</label>
</div>
<div class="field-pair">
<label>
<span class="component-title input">Usenet retention</span>
<span class="component-title">Usenet retention</span>
<span class="component-desc">
<input type="text" name="usenet_retention" value="$sickbeard.USENET_RETENTION" class="form-control input-sm input75">
<p>age limit in days for usenet articles to be used (e.g. 500)</p>
@ -112,20 +112,20 @@
<div class="field-pair">
<label>
<span class="component-title input">Ignore result with any word</span>
<span class="component-title">Ignore result with any word</span>
<span class="component-desc">
<input type="text" name="ignore_words" value="$sickbeard.IGNORE_WORDS" class="form-control input-sm input350">
<div class="clear-left">ignore search result <em class="grey-text">if its title contains any</em> of these comma seperated words</div>
<p class="clear-left note">ignore search result <em class="grey-text">if its title contains any</em> of these comma seperated words</p>
</span>
</label>
</div>
<div class="field-pair">
<label>
<span class="component-title input">Require at least one word</span>
<span class="component-title">Require at least one word</span>
<span class="component-desc">
<input type="text" name="require_words" value="$sickbeard.REQUIRE_WORDS" class="form-control input-sm input350">
<div class="clear-left">ignore search result <em class="grey-text">unless its title contains one</em> of these comma seperated words</div>
<p class="clear-left note">ignore search result <em class="grey-text">unless its title contains one</em> of these comma seperated words</p>
</span>
</label>
</div>
@ -185,7 +185,7 @@
<span class="component-title">Black hole folder location</span>
<span class="component-desc">
<input type="text" name="nzb_dir" id="nzb_dir" value="$sickbeard.NZB_DIR" class="form-control input-sm input350">
<div class="clear-left"><p><b>.nzb</b> files are stored at this location for external software to find and use</p></div>
<p class="clear-left note"><b>.nzb</b> files are stored at this location for external software to find and use</p>
</span>
</label>
</div>
@ -197,7 +197,7 @@
<span class="component-title">SABnzbd server URL</span>
<span class="component-desc">
<input type="text" id="sab_host" name="sab_host" value="$sickbeard.SAB_HOST" class="form-control input-sm input350">
<div class="clear-left"><p>URL to your SABnzbd server (e.g. http://localhost:8080/)</p></div>
<p class="clear-left note">URL to your SABnzbd server (e.g. http://localhost:8080/)</p>
</span>
</label>
</div>
@ -227,7 +227,7 @@
<span class="component-title">SABnzbd API key</span>
<span class="component-desc">
<input type="text" name="sab_apikey" id="sab_apikey" value="<%= starify(sickbeard.SAB_APIKEY) %>" class="form-control input-sm input350">
<div class="clear-left"><p>locate at... SABnzbd Config -> General -> API Key</p></div>
<p class="clear-left note">locate at... SABnzbd Config -> General -> API Key</p>
</span>
</label>
</div>
@ -261,7 +261,7 @@
<span class="component-desc">
<input type="text" name="nzbget_host" id="nzbget_host" value="$sickbeard.NZBGET_HOST" class="form-control input-sm input350">
<p>(e.g. localhost:6789)</p>
<div class="clear-left"><p>NZBget RPC host name and port number (not NZBgetweb!)</p></div>
<p class="clear-left note">NZBget RPC host name and port number (not NZBgetweb!)</p>
</span>
</label>
</div>
@ -384,7 +384,7 @@
<span class="component-title">Black hole folder location</span>
<span class="component-desc">
<input type="text" name="torrent_dir" id="torrent_dir" value="$sickbeard.TORRENT_DIR" class="form-control input-sm input350">
<div class="clear-left"><p><b>.torrent</b> files are stored at this location for external software to find and use</p></div>
<p class="clear-left note"><b>.torrent</b> files are stored at this location for external software to find and use</p>
</span>
</label>
</div>
@ -400,11 +400,11 @@
<span class="component-title" id="host_title">Torrent host:port</span>
<span class="component-desc">
<input type="text" name="torrent_host" id="torrent_host" value="$sickbeard.TORRENT_HOST" class="form-control input-sm input350">
<div class="clear-left">
<p id="host_desc_torrent">URL to your torrent client (e.g. http://localhost:8000/)</p>
<p id="host_desc_rtorrent" style="display:none"><b>Note:</b> <i>rTorrent</i> client URLs use e.g. scgi://localhost:5000/</p>
<p id="host_desc_deluge" style="display:none">URL to your Deluge WebUI (e.g. http://localhost:8112/)</p>
</div>
<p class="clear-left note">
<span id="host_desc_torrent">URL to your torrent client (e.g. http://localhost:8000/)</span>
<span id="host_desc_rtorrent" style="display:none"><b>Note:</b> <i>rTorrent</i> client URLs use e.g. scgi://localhost:5000/</span>
<span id="host_desc_deluge" style="display:none">URL to your Deluge WebUI (e.g. http://localhost:8112/)</span>
</p>
</span>
</label>
</div>
@ -445,7 +445,7 @@
<span class="component-desc">
<input type="text" name="torrent_label" id="torrent_label" value="$sickbeard.TORRENT_LABEL" class="form-control input-sm input200">
<span id="label_warning_deluge" style="display:none"><p>(blank spaces are not allowed)</p>
<div class="clear-left"><p>note: label plugin must be enabled in Deluge clients</p></div>
<p class="clear-left note">note: label plugin must be enabled in Deluge clients</p>
</span>
</span>
</label>
@ -456,9 +456,8 @@
<span class="component-title" id="directory_title">Downloaded files location</span>
<span class="component-desc">
<input type="text" name="torrent_path" id="torrent_path" value="$sickbeard.TORRENT_PATH" class="form-control input-sm input350">
<div class="clear-left"><p>where <span id="torrent_client">the torrent client</span> will save downloaded files (blank for client default)
<p class="clear-left note">where <span id="torrent_client">the torrent client</span> will save downloaded files (blank for client default)
<span id="path_synology"> <b>note:</b> the destination has to be a shared folder for Synology DS</span></p>
</div>
</span>
</label>
</div>

22
gui/slick/interfaces/default/editShow.tmpl
View file

@ -63,7 +63,7 @@
<form action="editShow" method="post" id="addShowForm">
<input type="hidden" name="show" value="$show.indexerid">
<div id="editShow" class="stepDiv">
<div id="editShow" class="stepDiv linefix">
<div class="field-pair">
<label for="paused">
@ -96,21 +96,21 @@
<div class="field-pair">
<label for="SceneName">
<span class="component-title input">Scene exception</span>
<span class="component-title">Scene exception</span>
<span class="component-desc">
<input type="text" id="SceneName" class="form-control form-control-inline input-sm input200">
<input class="btn btn-inline" type="button" value="Add" id="addSceneName">
<p class="clear-left">add alternative release names found on search providers for <b class="boldest grey-text">$show.name</b></p>
<p class="clear-left note">add alternative release names found on search providers for <b class="boldest grey-text">$show.name</b></p>
</span>
<span class="component-desc">
<div id="SceneException">
<h4>Exceptions list (multi-selectable)</h4>
<h4 class="grey-text">Exceptions list (multi-selectable)</h4>
<select id="exceptions_list" name="exceptions_list" multiple="multiple" class="input200" style="min-height:90px; float:left" >
#for $cur_exception in $show.exceptions:
<option value="$cur_exception">$cur_exception</option>
#end for
</select>
<span><p>this list overrides the original name<br />to search, it doesn't append to it</p></span>
<span><p class="note">this list overrides the original name<br />to search, it doesn't append to it</p></span>
<div>
<input id="removeSceneName" value="Remove" class="btn pull-left" type="button" style="margin-top: 10px;"/>
</div>
@ -122,29 +122,29 @@
<div class="field-pair">
<label for="rls_ignore_words">
<span class="component-title input">Ignore result with any word</span>
<span class="component-title">Ignore result with any word</span>
<span class="component-desc">
<input type="text" name="rls_ignore_words" id="rls_ignore_words" value="$show.rls_ignore_words" class="form-control form-control-inline input-sm input350">
<p>e.g. [word1,word2, ... ,word_n]</p>
<span><p>ignore search result <em class="grey-text">if its title contains any</em> of these comma seperated words</p></span>
<p class="note">ignore search result <em class="grey-text">if its title contains any</em> of these comma seperated words</p>
</span>
</label>
</div>
<div class="field-pair">
<label for="rls_require_words">
<span class="component-title input">Require at least one word</span>
<span class="component-title">Require at least one word</span>
<span class="component-desc">
<input type="text" name="rls_require_words" id="rls_require_words" value="$show.rls_require_words" class="form-control form-control-inline input-sm input350">
<p>e.g. [word1,word2, ... ,word_n]</p>
<span><p>ignore search result <em class="grey-text">unless its title contains one</em> of these comma seperated words</p></span>
<p class="note">ignore search result <em class="grey-text">unless its title contains one</em> of these comma seperated words</p>
</span>
</label>
</div>
<div class="field-pair">
<label for="location">
<span class="component-title input">Location for files</span>
<span class="component-title">Location for files</span>
<span class="component-desc">
<input type="text" name="location" id="location" value="$show._location" class="form-control form-control-inline input-sm input350">
</span>
@ -193,7 +193,7 @@
<div class="field-pair" style="margin-bottom:10px">
<label for="indexerLangSelectEdit">
<span class="component-title input">Info language</span>
<span class="component-title">Info language</span>
<span class="component-desc">
<select name="indexerLang" id="indexerLangSelectEdit" class="form-control form-control-inline input-sm"></select>
<span>attempt to fetch show data and episode filenames in this language</span>

5
gui/slick/interfaces/default/inc_addShowOptions.tmpl
View file

@ -1,10 +1,10 @@
#import sickbeard
#from sickbeard.common import *
#from sickbeard import subtitles
<div class="stepDiv linefix">
<div class="field-pair">
<label for="statusSelect">
<span class="component-title input">Initial episode status</span>
<span class="component-title">Initial episode status</span>
<span class="component-desc">
<select name="defaultStatus" id="statusSelect" class="form-control form-control-inline input-sm">
#for $curStatus in [$SKIPPED, $WANTED, $ARCHIVED, $IGNORED]:
@ -102,6 +102,7 @@
</span>
</label>
</div>
</div>
#if $enable_anime_options
#import sickbeard.blackandwhitelist