diff --git a/couchpotato/static/scripts/page/settings.js b/couchpotato/static/scripts/page/settings.js index 8d6455b..6703355 100644 --- a/couchpotato/static/scripts/page/settings.js +++ b/couchpotato/static/scripts/page/settings.js @@ -50,7 +50,7 @@ Page.Settings = new Class({ // Subtab var subtab = null; Object.each(self.params, function(param, subtab_name){ - subtab = subtab_name; + subtab = param; }); self.el.getElements('li.'+c+' , .tab_content.'+c).each(function(active){ diff --git a/couchpotato/static/style/combined.min.css b/couchpotato/static/style/combined.min.css index a3ff82a..78955e4 100644 --- a/couchpotato/static/style/combined.min.css +++ b/couchpotato/static/style/combined.min.css @@ -598,7 +598,6 @@ input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;background:#F .page.settings fieldset.enabler.disabled .switch:hover,.page.settings:not(.show_advanced) .advanced_toggle .switch:hover{background:#b7b7b7;border-color:#b7b7b7} .page.settings .option_list{background:#FFF} .page.settings .option_list fieldset{position:relative} -.page.settings .option_list fieldset h2 .ctrlHolder{background:red} .page.settings .option_list fieldset h2 .group_label{min-width:100px} .page.settings .option_list fieldset.disabled h2{padding:0 20px} .page.settings .option_list fieldset:after{position:absolute;content:'';display:block;width:100%;border-bottom:1px solid #eaeaea;bottom:-10px} @@ -637,4 +636,21 @@ input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;background:#F .page.settings .group_userscript .or{float:left;margin:20px -10px 0 10px} .page.settings .group_userscript .bookmarklet{display:block;float:left;padding:20px 15px 0 20px} .page.settings .group_userscript .bookmarklet span{margin-left:10px;display:inline-block} -.page.settings .group_userscript img{display:block;clear:both;float:left;margin:20px;width:100%;max-width:680px} \ No newline at end of file +.page.settings .group_userscript img{display:block;clear:both;float:left;margin:20px;width:100%;max-width:680px} +.page.settings .directory_list{z-index:2;position:absolute;width:450px;margin:28px 0 20px 18.4%;background:#eaeaea;-webkit-box-shadow:0 20px 40px -20px rgba(0,0,0,.55);box-shadow:0 20px 40px -20px rgba(0,0,0,.55)} +.page.settings .directory_list .pointer{border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:6px solid #eaeaea;display:block;position:absolute;width:0;margin:-6px 0 0 45%} +.page.settings .directory_list ul{width:92%;height:300px;overflow:auto;margin:0 4%;font-size:16px} +.page.settings .directory_list li{padding:4px 30px 4px 10px;cursor:pointer;margin:0!important;border-top:1px solid rgba(255,255,255,.1);background:url(../images/right.arrow.png) 98% center no-repeat;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} +.page.settings .directory_list li.blur{opacity:.3} +.page.settings .directory_list li:last-child{border-bottom:1px solid rgba(255,255,255,.1)} +.page.settings .directory_list li:hover{color:#ac0000} +.page.settings .directory_list li.empty{background:0 0;height:100px;text-align:center;font-style:italic;border:none;line-height:100px;cursor:default;color:#BBB;text-shadow:none;font-size:12px} +.page.settings .directory_list .actions{clear:both;padding:4% 4% 2%;min-height:45px;position:relative;width:100%;text-align:right} +.page.settings .directory_list .actions label{float:right;width:auto;padding:0} +.page.settings .directory_list .actions .inlay{margin:0 0 0 7px} +.page.settings .directory_list .actions .back{font-weight:700;width:160px;display:inline-block;padding:0;line-height:120%;vertical-align:top;position:absolute;text-align:left;left:4%} +.page.settings .directory_list .actions:last-child{float:right;padding:4%} +.page.settings .directory_list .actions:last-child>span{padding:0 5px;text-shadow:none} +.page.settings .directory_list .actions:last-child>.clear{left:4%;position:absolute;background-color:#af3128} +.page.settings .directory_list .actions:last-child>.cancel{font-weight:700;color:#ddd} +.page.settings .directory_list .actions:last-child>.save{background:#9dc156} \ No newline at end of file diff --git a/couchpotato/static/style/settings.scss b/couchpotato/static/style/settings.scss index 92fd76d..141357e 100644 --- a/couchpotato/static/style/settings.scss +++ b/couchpotato/static/style/settings.scss @@ -486,4 +486,124 @@ } } + + .directory_list { + z-index: 2; + position: absolute; + width: 450px; + margin: 28px 0 20px 18.4%; + background: $theme_off; + box-shadow: 0 20px 40px -20px rgba(0,0,0,0.55); + + .pointer { + border-right: 6px solid transparent; + border-left: 6px solid transparent; + border-bottom: 6px solid $theme_off; + display: block; + position: absolute; + width: 0; + margin: -6px 0 0 45%; + } + + ul { + width: 92%; + height: 300px; + overflow: auto; + margin: 0 4%; + font-size: 16px; + } + + li { + padding: 4px 30px 4px 10px; + cursor: pointer; + margin: 0 !important; + border-top: 1px solid rgba(255,255,255,0.1); + background: url('../images/right.arrow.png') no-repeat 98% center; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + + &.blur { + opacity: .3; + } + + &:last-child { + border-bottom: 1px solid rgba(255,255,255,0.1); + } + + &:hover { + color: $primary_color; + } + + &.empty { + background: none; + height: 100px; + text-align: center; + font-style: italic; + border: none; + line-height: 100px; + cursor: default; + color: #BBB; + text-shadow: none; + font-size: 12px; + } + } + + .actions { + clear: both; + padding: 4% 4% 2%; + min-height: 45px; + position: relative; + width: 100%; + text-align: right; + + label { + float: right; + width: auto; + padding: 0; + } + + .inlay { + margin: 0 0 0 7px; + } + + .back { + font-weight: bold; + width: 160px; + display: inline-block; + padding: 0; + line-height: 120%; + vertical-align: top; + position: absolute; + text-align: left; + left: 4%; + } + + &:last-child { + float: right; + padding: 4%; + + > span { + padding: 0 5px; + text-shadow: none; + } + + > .clear { + left: 4%; + position: absolute; + background-color: #af3128; + } + + > .cancel { + font-weight: bold; + color: #ddd; + } + + > .save { + background: #9dc156; + } + } + } + } + } \ No newline at end of file