From 343fa14e8cee0e0de2a07cd51b3c58082ec8bf40 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Thu, 1 Sep 2022 15:48:44 +0900 Subject: [PATCH 1/4] =?UTF-8?q?change/vk-admin=20:=20js=20=E5=88=B6?= =?UTF-8?q?=E5=BE=A1=E3=81=A7=E3=82=B5=E3=82=A4=E3=83=89=E3=83=90=E3=83=BC?= =?UTF-8?q?=E3=81=AE=E5=9B=BA=E5=AE=9A=E8=A7=A3=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- inc/vk-admin/package/class-vk-admin.php | 2 +- inc/vk-admin/package/js/vk_admin.js | 69 ------------------------- 2 files changed, 1 insertion(+), 70 deletions(-) diff --git a/inc/vk-admin/package/class-vk-admin.php b/inc/vk-admin/package/class-vk-admin.php index 8854449d9..73ab98abc 100644 --- a/inc/vk-admin/package/class-vk-admin.php +++ b/inc/vk-admin/package/class-vk-admin.php @@ -17,7 +17,7 @@ */ class Vk_Admin { - public static $version = '2.2.0'; + public static $version = '2.3.0'; static function init() { add_action( 'admin_enqueue_scripts', array( __CLASS__, 'admin_common_css' ) ); diff --git a/inc/vk-admin/package/js/vk_admin.js b/inc/vk-admin/package/js/vk_admin.js index 3ee56a900..c51a248fd 100644 --- a/inc/vk-admin/package/js/vk_admin.js +++ b/inc/vk-admin/package/js/vk_admin.js @@ -60,75 +60,6 @@ jQuery(document).ready(function($){ }); }); -/*-------------------------------------------*/ -/* スクロール時の位置固定 -/*-------------------------------------------*/ -jQuery(document).ready(function(){ - - // サイドバー要素のデフォルトの絶対位置 - var default_offset = jQuery('.scrTracking').offset(); - - // コンテンツエリアの高さを取得 - var contentHeight = jQuery('.adminMain').height(); - - navMove( default_offset, contentHeight ); - - // スクロールしたら - jQuery(window).scroll(function () { - navMove( default_offset, contentHeight ); - }); - jQuery(window).resize(function(){ - navMove( default_offset, contentHeight ); - }); -}); - -function navMove( default_offset, contentHeight ){ - - // ウィンドウの高さを取得 - var windowHeight = jQuery(window).height(); - - // スクロール量 - var scrollHeight = jQuery(this).scrollTop(); - - var marginBottom = 15; - - jQuery('.scrTracking').each(function(i){ - - // サイドバー要素の高さ - var itemHeight = jQuery(this).height(); - - // ウィンドウサイズからはみ出すサイズ - if ( itemHeight < windowHeight ){ - var overHeight = 0; - } else { - var overHeight = itemHeight - windowHeight; - } - - if ( scrollHeight < contentHeight ){ // これがないと延々とスクロールする - - if ( windowHeight < itemHeight ) { - // アイテムがウィンドウサイズより高い場合 - - if ( scrollHeight > overHeight ) { - // はみ出してる高さよりスクロールが大きい場合 - // スクロール量からはみ出してる高さを引いた余白を追加 - var marginTop = scrollHeight - overHeight - default_offset['top'] - marginBottom; - jQuery(this).css({"margin-top":marginTop}); - } else { - // はみ出してる高さよりスクロールが小さい場合 - jQuery(this).css({"margin-top":0}); - } - - } else { - // アイテムがウィンドウサイズより低い場合 - jQuery(this).css({ "margin-top" : scrollHeight }); - } - } - - }); -} - - /*-------------------------------------------*/ /* ページ内リンクで頭出しの余白を適切にする /*-------------------------------------------*/ From 6c8c885e9cffdfbd8f54063c3a6849c8298ba13a Mon Sep 17 00:00:00 2001 From: kurudrive Date: Sat, 3 Sep 2022 22:28:51 +0900 Subject: [PATCH 2/4] =?UTF-8?q?update=20:=20=E7=AE=A1=E7=90=86=E7=94=BB?= =?UTF-8?q?=E9=9D=A2=E3=81=AE=E3=82=B5=E3=82=A4=E3=83=89=E3=83=90=E3=83=BC?= =?UTF-8?q?=E5=9B=BA=E5=AE=9A=E5=88=B6=E5=BE=A1=E3=81=AEJS=E3=82=92?= =?UTF-8?q?=E5=BB=83=E6=AD=A2=E3=83=BB=E4=B8=80=E9=83=A8CSS=E3=81=A7?= =?UTF-8?q?=E5=AF=BE=E5=BF=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- inc/vk-admin/package/_scss/vk_admin.scss | 75 ++++++++++++++---------- inc/vk-admin/package/class-vk-admin.php | 57 +++++++++--------- inc/vk-admin/package/css/vk_admin.css | 2 +- 3 files changed, 74 insertions(+), 60 deletions(-) diff --git a/inc/vk-admin/package/_scss/vk_admin.scss b/inc/vk-admin/package/_scss/vk_admin.scss index 3b72ee1eb..c13ae7a71 100644 --- a/inc/vk-admin/package/_scss/vk_admin.scss +++ b/inc/vk-admin/package/_scss/vk_admin.scss @@ -1,5 +1,48 @@ @charset "utf-8"; -// @import "compass"; + +/*-------------------------------------------*/ +/* Layout +/*-------------------------------------------*/ +.vk_admin_page { + --vk-admin-layout-gap: 30px; + + .adminLayout { + display: grid; + grid-template-columns: 70% 1fr; + gap: var(--vk-admin-layout-gap); + } + + .adminMain { + display: grid; + + #adminContent_sub { + padding-bottom: 10px; + flex-basis: 25%; + + .vk_option_nav { + position: sticky; + top: 50px; + bottom: 30px; + } + } + + &.column_2 { + #adminContent_main { + width: 100%; + } + } + + &.column_3 { + grid-template-columns: 1fr 70%; + gap: var(--vk-admin-layout-gap); + } + } +} + + +/*-------------------------------------------*/ +/* common +/*-------------------------------------------*/ $text-size : 14px; $line-height : 1.7; @@ -264,17 +307,8 @@ body { } .adminMain { - display: block; - overflow: hidden; - width: 74%; - float: left; #adminContent_sub { - display: block; - overflow: hidden; - width: 23%; - float: left; - padding-bottom: 10px; .notice { padding-bottom: 10px; @@ -289,24 +323,9 @@ body { } #adminContent_main { - display: block; - overflow: hidden; - width: 74%; - float: right; - min-height: 300px; - .form_horizontal_item { margin-right: 1em; } - - .setting-content {} - - } - - &.column_2 { - #adminContent_main { - width: 100%; - } } &_main { @@ -354,12 +373,6 @@ body { } .adminSub { - display: block; - overflow: hidden; - width: 24%; - float: right; - padding-bottom: 10px; - .infoBox { display: block; overflow: hidden; diff --git a/inc/vk-admin/package/class-vk-admin.php b/inc/vk-admin/package/class-vk-admin.php index 73ab98abc..e5b1f92f8 100644 --- a/inc/vk-admin/package/class-vk-admin.php +++ b/inc/vk-admin/package/class-vk-admin.php @@ -17,7 +17,7 @@ */ class Vk_Admin { - public static $version = '2.3.0'; + public static $version = '2.4.0'; static function init() { add_action( 'admin_enqueue_scripts', array( __CLASS__, 'admin_common_css' ) ); @@ -406,7 +406,7 @@ public static function admin_sub() { if ( ! $display ) { return; } - $adminSub = '
' . "\n"; + $adminSub = '
' . "\n"; if ( 'ja' == get_locale() ) { $adminSub .= '
' . self::get_news_body() . '
' . "\n"; } @@ -422,37 +422,38 @@ public static function admin_sub() { public static function admin_page_frame( $get_page_title, $the_body_callback, $get_logo_html = '', $get_menu_html = '', $get_layout = 'column_3' ) { ?>
- -
- - -
- - -

- -
-
    - -
-
-
- - - + - +

-
- -
- -
- - +
+
+ + +
+ + +

+ +
+
    + +
+
+
+ + +
+ +
+ +
+ + +
li{list-style:decimal}.vk_admin_page .adminMain_main ul>li{list-style:disc}.vk_admin_page .adminMain_main li ol,.vk_admin_page .adminMain_main li ul{margin-top:.5em}.vk_admin_page .adminMain_main ul.no-style{margin-left:0}.vk_admin_page .adminMain_main ul.no-style ul{margin-left:1.5em}.vk_admin_page .adminMain_main ul.no-style li{list-style:none}.vk_admin_page .adminMain_main_content{margin-bottom:3em}.vk_admin_page .adminMain_main input[type=text]{margin-bottom:5px}.vk_admin_page .adminSub{display:block;overflow:hidden;width:24%;float:right;padding-bottom:10px}.vk_admin_page .adminSub .infoBox{display:block;overflow:hidden;padding:1em;margin-bottom:1em;background-color:#fff;border-radius:4px}.vk_admin_page .adminSub .vk-metabox-sub-title{background-color:#ccc;width:auto;padding:5px 10px;border-radius:3px;margin-top:0;margin-bottom:15px}.vk_admin_page .adminSub .vk-metabox-more-link{display:none}.vk_admin_page .alert{border-radius:4px;padding:.8em;font-weight:400}.vk_admin_page .alert-danger{border:1px solid #ebccd1;background-color:#f2dede;color:#a94442}.wp-full-overlay-sidebar{font-size:14px}.admin-custom-section,.admin_widget_section{display:block;overflow:hidden;margin:1.5em 0}.admin-custom-section p,.admin_widget_section p{margin-top:.5em}.admin-custom-h2,.admin_widget_h2{box-sizing:border-box;margin:1em 0 1em;padding:.8em 1em;width:100%;border:solid 1px #ddd;border-radius:5px;background:#555;color:#fff;font-size:1.1em}.admin-custom-h3,.admin_widget_h3{box-sizing:border-box;padding:.4em 0;margin-bottom:.3em;width:100%;border-bottom:solid 1px #ddd;font-size:1em}.admin-custom-discription{margin-top:.5em}input[type=checkbox].admin-custom-input,input[type=checkbox].admin_widget_input,input[type=color].admin-custom-input,input[type=color].admin_widget_input,input[type=date].admin-custom-input,input[type=date].admin_widget_input,input[type=datetime-local].admin-custom-input,input[type=datetime-local].admin_widget_input,input[type=datetime].admin-custom-input,input[type=datetime].admin_widget_input,input[type=email].admin-custom-input,input[type=email].admin_widget_input,input[type=month].admin-custom-input,input[type=month].admin_widget_input,input[type=number].admin-custom-input,input[type=number].admin_widget_input,input[type=password].admin-custom-input,input[type=password].admin_widget_input,input[type=radio].admin-custom-input,input[type=radio].admin_widget_input,input[type=search].admin-custom-input,input[type=search].admin_widget_input,input[type=tel].admin-custom-input,input[type=tel].admin_widget_input,input[type=text].admin-custom-input,input[type=text].admin_widget_input,input[type=time].admin-custom-input,input[type=time].admin_widget_input,input[type=url].admin-custom-input,input[type=url].admin_widget_input,input[type=week].admin-custom-input,input[type=week].admin_widget_input,select.admin-custom-input,select.admin_widget_input,textarea.admin-custom-input,textarea.admin_widget_input{width:100%;margin:.3em 0}.admin-custom-thumb-outer,.admin_widget_thumb_outer{position:relative;overflow:hidden;z-index:2;margin:3px 0;min-height:70px;border:1px solid #e5e5e5;background-color:#f5f5f5;width:100%}.admin-custom-thumb-outer:before,.admin_widget_thumb_outer:before{position:absolute;top:50%;left:50%;z-index:1;margin:-8px 0 0 -30px;color:#999;content:"No Image"}.admin-custom-thumb,.admin_widget_thumb{position:relative;z-index:3;display:block;width:100%;height:auto}.vk_checklist_item-style-vertical{display:flex}.vk_checklist_item .vk_checklist_item_input{margin-top:0}.vk-admin-inline-radio{display:flex;border-radius:3px;overflow:hidden;border:1px solid #b6b6b6}.vk-admin-inline-radio div{position:relative;flex:1}.vk-admin-inline-radio input{width:100%;height:60px;opacity:0}.vk-admin-inline-radio label{position:absolute;top:0;left:0;color:#b6b6b6;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;border-right:1px solid #b6b6b6}.vk-admin-inline-radio div:last-child label{border-right:0}.vk-admin-inline-radio input:checked+label{background:#d81b60;font-weight:500;color:#fff}@media (max-width:991px){.vk_admin_page .adminSub .adminMain table.form-table td,.vk_admin_page .adminSub .adminMain table.form-table th{display:block}.vk_admin_page .adminSub .adminMain table.form-table th{background-color:#ccc;width:auto;padding:10px;border-radius:3px}} \ No newline at end of file +.vk_admin_page{--vk-admin-layout-gap:30px}.vk_admin_page .adminLayout{display:grid;grid-template-columns:70% 1fr;gap:var(--vk-admin-layout-gap)}.vk_admin_page .adminMain{display:grid}.vk_admin_page .adminMain #adminContent_sub{padding-bottom:10px;flex-basis:25%}.vk_admin_page .adminMain #adminContent_sub .vk_option_nav{position:sticky;top:50px;bottom:30px}.vk_admin_page .adminMain.column_2 #adminContent_main{width:100%}.vk_admin_page .adminMain.column_3{grid-template-columns:1fr 70%;gap:var(--vk-admin-layout-gap)}body{margin:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-warning{color:#a94442}#dashboard-widgets .vk-metabox-sub-title,.vk-metabox-sub-title{display:block;overflow:hidden;border-bottom:1px solid #e5e5e5;margin-top:1em;padding-bottom:.3em}#dashboard-widgets .vk-metabox-sub-title .dashicons,.vk-metabox-sub-title .dashicons{position:relative;top:-2px;margin-left:3px}.vk-metabox-more-link{float:right;font-size:12px}.vk-metabox-post-list{margin-bottom:2em}.vk-metabox-post-list li{border-bottom:1px dotted #ccc;padding-bottom:3px;display:flex}.vk-metabox-post-list li .date{font-size:11px;margin-right:1em;width:75px;white-space:nowrap}.vk-metabox-post-list li a{width:100%}.vk-admin-banner{display:block;overflow:hidden}.vk-admin-banner a.admin_banner{display:block;margin-bottom:1em;border:1px solid #ccc;box-shadow:inset 0 0 0 1px #fff}.vk-admin-banner a.admin_banner img{max-width:100%;height:auto;display:block}.vk-admin-banner a.admin_banner img:hover{opacity:.7}.vk-admin-banner .vektor_logo{margin-top:1em}.vk-admin-banner .vektor_logo img{width:150px;float:right}#vk_dashboard_widget .vk-admin-banner-grid{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}#vk_dashboard_widget .vk-admin-banner-grid a.admin_banner{width:48%}.wp-core-ui .button-block{display:block;width:100%;text-align:center}.logo_exUnit{display:block;overflow:hidden;text-align:center;margin-bottom:10px;border-bottom:1px solid #ccc}.logo_exUnit img{width:150px;max-width:100%}.vk_option_nav{display:block!important;overflow:hidden}.vk_option_nav ul{display:block;overflow:hidden;margin:0;padding:0}.vk_option_nav ul li{display:block;border:1px solid #ccc;margin-bottom:0;border-bottom:none;background-color:#fff}.vk_option_nav ul li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.vk_option_nav ul li:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom:1px solid #ccc}.vk_option_nav ul li:hover{background-color:#666}.vk_option_nav ul li a{display:block;overflow:hidden;padding:.5em;text-decoration:none;color:#666;font-size:12px}.vk_option_nav ul li:hover a{color:#fff;border:none}.vk_option_nav ul li.current{background-color:#333;color:#fff}.vk_option_nav ul li.current a{color:#fff}.vk_admin_page{padding-top:1em}.vk_admin_page li,.vk_admin_page p,.vk_admin_page td{line-height:1.7;font-size:14px}.vk_admin_page h2.page_title{font-size:16px;text-align:center;line-height:140%;margin:10px 0 20px}.vk_admin_page h3{background-color:#333;color:#fff;padding:10px 15px;font-size:150%;margin-top:0;border-left:5px solid #e50000;border-radius:4px}.vk_admin_page h5{font-size:16px;margin-bottom:1em}.vk_admin_page .form-table td p,.vk_admin_page p{margin-bottom:1em;font-size:14px;line-height:1.7}.vk_admin_page .form-table td p:last-child,.vk_admin_page p:last-child{margin-bottom:0}.vk_admin_page input[type=text]{width:50%}.vk_admin_page select{width:50%}.vk_admin_page dl{line-height:1.5}.vk_admin_page dl dt{font-weight:700;margin-bottom:5px}.vk_admin_page dl dd{margin-left:0}.vk_admin_page tr.dev_object{display:none}.vk_admin_page .pageLogo{text-align:center}.vk_admin_page .pageLogo img{max-width:150px;margin:0 auto}.vk_admin_page .adminMain #adminContent_sub .notice{padding-bottom:10px}.vk_admin_page .adminMain #adminContent_sub .button{white-space:normal;margin:5px 0;padding:.5em 1em;line-height:1.4}.vk_admin_page .adminMain #adminContent_main .form_horizontal_item{margin-right:1em}.vk_admin_page .adminMain_main ol,.vk_admin_page .adminMain_main ul{margin-top:0;margin-left:1.5em;padding-top:0}.vk_admin_page .adminMain_main ol>li{list-style:decimal}.vk_admin_page .adminMain_main ul>li{list-style:disc}.vk_admin_page .adminMain_main li ol,.vk_admin_page .adminMain_main li ul{margin-top:.5em}.vk_admin_page .adminMain_main ul.no-style{margin-left:0}.vk_admin_page .adminMain_main ul.no-style ul{margin-left:1.5em}.vk_admin_page .adminMain_main ul.no-style li{list-style:none}.vk_admin_page .adminMain_main_content{margin-bottom:3em}.vk_admin_page .adminMain_main input[type=text]{margin-bottom:5px}.vk_admin_page .adminSub .infoBox{display:block;overflow:hidden;padding:1em;margin-bottom:1em;background-color:#fff;border-radius:4px}.vk_admin_page .adminSub .vk-metabox-sub-title{background-color:#ccc;width:auto;padding:5px 10px;border-radius:3px;margin-top:0;margin-bottom:15px}.vk_admin_page .adminSub .vk-metabox-more-link{display:none}.vk_admin_page .alert{border-radius:4px;padding:.8em;font-weight:400}.vk_admin_page .alert-danger{border:1px solid #ebccd1;background-color:#f2dede;color:#a94442}.wp-full-overlay-sidebar{font-size:14px}.admin-custom-section,.admin_widget_section{display:block;overflow:hidden;margin:1.5em 0}.admin-custom-section p,.admin_widget_section p{margin-top:.5em}.admin-custom-h2,.admin_widget_h2{box-sizing:border-box;margin:1em 0 1em;padding:.8em 1em;width:100%;border:solid 1px #ddd;border-radius:5px;background:#555;color:#fff;font-size:1.1em}.admin-custom-h3,.admin_widget_h3{box-sizing:border-box;padding:.4em 0;margin-bottom:.3em;width:100%;border-bottom:solid 1px #ddd;font-size:1em}.admin-custom-discription{margin-top:.5em}input[type=checkbox].admin-custom-input,input[type=checkbox].admin_widget_input,input[type=color].admin-custom-input,input[type=color].admin_widget_input,input[type=date].admin-custom-input,input[type=date].admin_widget_input,input[type=datetime-local].admin-custom-input,input[type=datetime-local].admin_widget_input,input[type=datetime].admin-custom-input,input[type=datetime].admin_widget_input,input[type=email].admin-custom-input,input[type=email].admin_widget_input,input[type=month].admin-custom-input,input[type=month].admin_widget_input,input[type=number].admin-custom-input,input[type=number].admin_widget_input,input[type=password].admin-custom-input,input[type=password].admin_widget_input,input[type=radio].admin-custom-input,input[type=radio].admin_widget_input,input[type=search].admin-custom-input,input[type=search].admin_widget_input,input[type=tel].admin-custom-input,input[type=tel].admin_widget_input,input[type=text].admin-custom-input,input[type=text].admin_widget_input,input[type=time].admin-custom-input,input[type=time].admin_widget_input,input[type=url].admin-custom-input,input[type=url].admin_widget_input,input[type=week].admin-custom-input,input[type=week].admin_widget_input,select.admin-custom-input,select.admin_widget_input,textarea.admin-custom-input,textarea.admin_widget_input{width:100%;margin:.3em 0}.admin-custom-thumb-outer,.admin_widget_thumb_outer{position:relative;overflow:hidden;z-index:2;margin:3px 0;min-height:70px;border:1px solid #e5e5e5;background-color:#f5f5f5;width:100%}.admin-custom-thumb-outer:before,.admin_widget_thumb_outer:before{position:absolute;top:50%;left:50%;z-index:1;margin:-8px 0 0 -30px;color:#999;content:"No Image"}.admin-custom-thumb,.admin_widget_thumb{position:relative;z-index:3;display:block;width:100%;height:auto}.vk_checklist_item-style-vertical{display:flex}.vk_checklist_item .vk_checklist_item_input{margin-top:0}.vk-admin-inline-radio{display:flex;border-radius:3px;overflow:hidden;border:1px solid #b6b6b6}.vk-admin-inline-radio div{position:relative;flex:1}.vk-admin-inline-radio input{width:100%;height:60px;opacity:0}.vk-admin-inline-radio label{position:absolute;top:0;left:0;color:#b6b6b6;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;border-right:1px solid #b6b6b6}.vk-admin-inline-radio div:last-child label{border-right:0}.vk-admin-inline-radio input:checked+label{background:#d81b60;font-weight:500;color:#fff}@media (max-width:991px){.vk_admin_page .adminSub .adminMain table.form-table td,.vk_admin_page .adminSub .adminMain table.form-table th{display:block}.vk_admin_page .adminSub .adminMain table.form-table th{background-color:#ccc;width:auto;padding:10px;border-radius:3px}} \ No newline at end of file From b5cfacd085ef38db2e761086ae708ce6b07e7075 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Mon, 5 Sep 2022 03:06:41 +0900 Subject: [PATCH 3/4] =?UTF-8?q?update=20:=20vk=20admin=202.5.0=20/=20?= =?UTF-8?q?=E3=83=AC=E3=82=B9=E3=83=9D=E3=83=B3=E3=82=B7=E3=83=96=E3=81=A7?= =?UTF-8?q?=E3=81=AE=E4=B8=8D=E5=85=B7=E5=90=88=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- inc/vk-admin/package/_scss/vk_admin.scss | 52 ++++++++++++++---------- inc/vk-admin/package/class-vk-admin.php | 25 +++++++----- inc/vk-admin/package/css/vk_admin.css | 2 +- inc/vk-admin/package/js/vk_admin.js | 29 ------------- 4 files changed, 46 insertions(+), 62 deletions(-) diff --git a/inc/vk-admin/package/_scss/vk_admin.scss b/inc/vk-admin/package/_scss/vk_admin.scss index c13ae7a71..6efe01d64 100644 --- a/inc/vk-admin/package/_scss/vk_admin.scss +++ b/inc/vk-admin/package/_scss/vk_admin.scss @@ -5,41 +5,51 @@ /*-------------------------------------------*/ .vk_admin_page { --vk-admin-layout-gap: 30px; +} + +.adminLayout { + display: grid; + gap: var(--vk-admin-layout-gap); - .adminLayout { + .adminMain { display: grid; - grid-template-columns: 70% 1fr; gap: var(--vk-admin-layout-gap); } - .adminMain { - display: grid; + @media (min-width: 992px) { + .adminMain.column_3 { + grid-template-columns: 240px auto; + } + } - #adminContent_sub { - padding-bottom: 10px; - flex-basis: 25%; + @media (min-width: 1400px) { + grid-template-columns: auto 300px; + } +} - .vk_option_nav { - position: sticky; - top: 50px; - bottom: 30px; - } - } +/*-------------------------------------------*/ +/* サイドバーの固定処理 +/*-------------------------------------------*/ +.adminLayout { - &.column_2 { - #adminContent_main { - width: 100%; - } + @media (min-width: 992px) { + .adminMain_sub_inner { + position: sticky; + top: 30px; } - &.column_3 { - grid-template-columns: 1fr 70%; - gap: var(--vk-admin-layout-gap); + } + + @media (min-width: 1400px) { + align-items: end; // end 指定しないと下端吸着しない + + .adminSub { + position: sticky; + bottom: 30px; } } } - /*-------------------------------------------*/ /* common /*-------------------------------------------*/ diff --git a/inc/vk-admin/package/class-vk-admin.php b/inc/vk-admin/package/class-vk-admin.php index e5b1f92f8..84d3086d8 100644 --- a/inc/vk-admin/package/class-vk-admin.php +++ b/inc/vk-admin/package/class-vk-admin.php @@ -1,5 +1,4 @@ ' . "\n"; + $adminSub .= '
' . "\n"; if ( 'ja' == get_locale() ) { $adminSub .= '
' . self::get_news_body() . '
' . "\n"; } $adminSub .= '
' . self::get_admin_banner() . '
' . "\n"; + $adminSub .= '
' . "\n"; $adminSub .= '
' . "\n"; return $adminSub; } @@ -434,14 +435,16 @@ public static function admin_page_frame( $get_page_title, $the_body_callback, $g
- - -

- -
-
    - -
+
+ + +

+ +
+
    + +
+
diff --git a/inc/vk-admin/package/css/vk_admin.css b/inc/vk-admin/package/css/vk_admin.css index 6c0225cf5..5cee78aab 100644 --- a/inc/vk-admin/package/css/vk_admin.css +++ b/inc/vk-admin/package/css/vk_admin.css @@ -1 +1 @@ -.vk_admin_page{--vk-admin-layout-gap:30px}.vk_admin_page .adminLayout{display:grid;grid-template-columns:70% 1fr;gap:var(--vk-admin-layout-gap)}.vk_admin_page .adminMain{display:grid}.vk_admin_page .adminMain #adminContent_sub{padding-bottom:10px;flex-basis:25%}.vk_admin_page .adminMain #adminContent_sub .vk_option_nav{position:sticky;top:50px;bottom:30px}.vk_admin_page .adminMain.column_2 #adminContent_main{width:100%}.vk_admin_page .adminMain.column_3{grid-template-columns:1fr 70%;gap:var(--vk-admin-layout-gap)}body{margin:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-warning{color:#a94442}#dashboard-widgets .vk-metabox-sub-title,.vk-metabox-sub-title{display:block;overflow:hidden;border-bottom:1px solid #e5e5e5;margin-top:1em;padding-bottom:.3em}#dashboard-widgets .vk-metabox-sub-title .dashicons,.vk-metabox-sub-title .dashicons{position:relative;top:-2px;margin-left:3px}.vk-metabox-more-link{float:right;font-size:12px}.vk-metabox-post-list{margin-bottom:2em}.vk-metabox-post-list li{border-bottom:1px dotted #ccc;padding-bottom:3px;display:flex}.vk-metabox-post-list li .date{font-size:11px;margin-right:1em;width:75px;white-space:nowrap}.vk-metabox-post-list li a{width:100%}.vk-admin-banner{display:block;overflow:hidden}.vk-admin-banner a.admin_banner{display:block;margin-bottom:1em;border:1px solid #ccc;box-shadow:inset 0 0 0 1px #fff}.vk-admin-banner a.admin_banner img{max-width:100%;height:auto;display:block}.vk-admin-banner a.admin_banner img:hover{opacity:.7}.vk-admin-banner .vektor_logo{margin-top:1em}.vk-admin-banner .vektor_logo img{width:150px;float:right}#vk_dashboard_widget .vk-admin-banner-grid{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}#vk_dashboard_widget .vk-admin-banner-grid a.admin_banner{width:48%}.wp-core-ui .button-block{display:block;width:100%;text-align:center}.logo_exUnit{display:block;overflow:hidden;text-align:center;margin-bottom:10px;border-bottom:1px solid #ccc}.logo_exUnit img{width:150px;max-width:100%}.vk_option_nav{display:block!important;overflow:hidden}.vk_option_nav ul{display:block;overflow:hidden;margin:0;padding:0}.vk_option_nav ul li{display:block;border:1px solid #ccc;margin-bottom:0;border-bottom:none;background-color:#fff}.vk_option_nav ul li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.vk_option_nav ul li:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom:1px solid #ccc}.vk_option_nav ul li:hover{background-color:#666}.vk_option_nav ul li a{display:block;overflow:hidden;padding:.5em;text-decoration:none;color:#666;font-size:12px}.vk_option_nav ul li:hover a{color:#fff;border:none}.vk_option_nav ul li.current{background-color:#333;color:#fff}.vk_option_nav ul li.current a{color:#fff}.vk_admin_page{padding-top:1em}.vk_admin_page li,.vk_admin_page p,.vk_admin_page td{line-height:1.7;font-size:14px}.vk_admin_page h2.page_title{font-size:16px;text-align:center;line-height:140%;margin:10px 0 20px}.vk_admin_page h3{background-color:#333;color:#fff;padding:10px 15px;font-size:150%;margin-top:0;border-left:5px solid #e50000;border-radius:4px}.vk_admin_page h5{font-size:16px;margin-bottom:1em}.vk_admin_page .form-table td p,.vk_admin_page p{margin-bottom:1em;font-size:14px;line-height:1.7}.vk_admin_page .form-table td p:last-child,.vk_admin_page p:last-child{margin-bottom:0}.vk_admin_page input[type=text]{width:50%}.vk_admin_page select{width:50%}.vk_admin_page dl{line-height:1.5}.vk_admin_page dl dt{font-weight:700;margin-bottom:5px}.vk_admin_page dl dd{margin-left:0}.vk_admin_page tr.dev_object{display:none}.vk_admin_page .pageLogo{text-align:center}.vk_admin_page .pageLogo img{max-width:150px;margin:0 auto}.vk_admin_page .adminMain #adminContent_sub .notice{padding-bottom:10px}.vk_admin_page .adminMain #adminContent_sub .button{white-space:normal;margin:5px 0;padding:.5em 1em;line-height:1.4}.vk_admin_page .adminMain #adminContent_main .form_horizontal_item{margin-right:1em}.vk_admin_page .adminMain_main ol,.vk_admin_page .adminMain_main ul{margin-top:0;margin-left:1.5em;padding-top:0}.vk_admin_page .adminMain_main ol>li{list-style:decimal}.vk_admin_page .adminMain_main ul>li{list-style:disc}.vk_admin_page .adminMain_main li ol,.vk_admin_page .adminMain_main li ul{margin-top:.5em}.vk_admin_page .adminMain_main ul.no-style{margin-left:0}.vk_admin_page .adminMain_main ul.no-style ul{margin-left:1.5em}.vk_admin_page .adminMain_main ul.no-style li{list-style:none}.vk_admin_page .adminMain_main_content{margin-bottom:3em}.vk_admin_page .adminMain_main input[type=text]{margin-bottom:5px}.vk_admin_page .adminSub .infoBox{display:block;overflow:hidden;padding:1em;margin-bottom:1em;background-color:#fff;border-radius:4px}.vk_admin_page .adminSub .vk-metabox-sub-title{background-color:#ccc;width:auto;padding:5px 10px;border-radius:3px;margin-top:0;margin-bottom:15px}.vk_admin_page .adminSub .vk-metabox-more-link{display:none}.vk_admin_page .alert{border-radius:4px;padding:.8em;font-weight:400}.vk_admin_page .alert-danger{border:1px solid #ebccd1;background-color:#f2dede;color:#a94442}.wp-full-overlay-sidebar{font-size:14px}.admin-custom-section,.admin_widget_section{display:block;overflow:hidden;margin:1.5em 0}.admin-custom-section p,.admin_widget_section p{margin-top:.5em}.admin-custom-h2,.admin_widget_h2{box-sizing:border-box;margin:1em 0 1em;padding:.8em 1em;width:100%;border:solid 1px #ddd;border-radius:5px;background:#555;color:#fff;font-size:1.1em}.admin-custom-h3,.admin_widget_h3{box-sizing:border-box;padding:.4em 0;margin-bottom:.3em;width:100%;border-bottom:solid 1px #ddd;font-size:1em}.admin-custom-discription{margin-top:.5em}input[type=checkbox].admin-custom-input,input[type=checkbox].admin_widget_input,input[type=color].admin-custom-input,input[type=color].admin_widget_input,input[type=date].admin-custom-input,input[type=date].admin_widget_input,input[type=datetime-local].admin-custom-input,input[type=datetime-local].admin_widget_input,input[type=datetime].admin-custom-input,input[type=datetime].admin_widget_input,input[type=email].admin-custom-input,input[type=email].admin_widget_input,input[type=month].admin-custom-input,input[type=month].admin_widget_input,input[type=number].admin-custom-input,input[type=number].admin_widget_input,input[type=password].admin-custom-input,input[type=password].admin_widget_input,input[type=radio].admin-custom-input,input[type=radio].admin_widget_input,input[type=search].admin-custom-input,input[type=search].admin_widget_input,input[type=tel].admin-custom-input,input[type=tel].admin_widget_input,input[type=text].admin-custom-input,input[type=text].admin_widget_input,input[type=time].admin-custom-input,input[type=time].admin_widget_input,input[type=url].admin-custom-input,input[type=url].admin_widget_input,input[type=week].admin-custom-input,input[type=week].admin_widget_input,select.admin-custom-input,select.admin_widget_input,textarea.admin-custom-input,textarea.admin_widget_input{width:100%;margin:.3em 0}.admin-custom-thumb-outer,.admin_widget_thumb_outer{position:relative;overflow:hidden;z-index:2;margin:3px 0;min-height:70px;border:1px solid #e5e5e5;background-color:#f5f5f5;width:100%}.admin-custom-thumb-outer:before,.admin_widget_thumb_outer:before{position:absolute;top:50%;left:50%;z-index:1;margin:-8px 0 0 -30px;color:#999;content:"No Image"}.admin-custom-thumb,.admin_widget_thumb{position:relative;z-index:3;display:block;width:100%;height:auto}.vk_checklist_item-style-vertical{display:flex}.vk_checklist_item .vk_checklist_item_input{margin-top:0}.vk-admin-inline-radio{display:flex;border-radius:3px;overflow:hidden;border:1px solid #b6b6b6}.vk-admin-inline-radio div{position:relative;flex:1}.vk-admin-inline-radio input{width:100%;height:60px;opacity:0}.vk-admin-inline-radio label{position:absolute;top:0;left:0;color:#b6b6b6;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;border-right:1px solid #b6b6b6}.vk-admin-inline-radio div:last-child label{border-right:0}.vk-admin-inline-radio input:checked+label{background:#d81b60;font-weight:500;color:#fff}@media (max-width:991px){.vk_admin_page .adminSub .adminMain table.form-table td,.vk_admin_page .adminSub .adminMain table.form-table th{display:block}.vk_admin_page .adminSub .adminMain table.form-table th{background-color:#ccc;width:auto;padding:10px;border-radius:3px}} \ No newline at end of file +.vk_admin_page{--vk-admin-layout-gap:30px}.adminLayout{display:grid;gap:var(--vk-admin-layout-gap)}.adminLayout .adminMain{display:grid;gap:var(--vk-admin-layout-gap)}body{margin:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-warning{color:#a94442}#dashboard-widgets .vk-metabox-sub-title,.vk-metabox-sub-title{display:block;overflow:hidden;border-bottom:1px solid #e5e5e5;margin-top:1em;padding-bottom:.3em}#dashboard-widgets .vk-metabox-sub-title .dashicons,.vk-metabox-sub-title .dashicons{position:relative;top:-2px;margin-left:3px}.vk-metabox-more-link{float:right;font-size:12px}.vk-metabox-post-list{margin-bottom:2em}.vk-metabox-post-list li{border-bottom:1px dotted #ccc;padding-bottom:3px;display:flex}.vk-metabox-post-list li .date{font-size:11px;margin-right:1em;width:75px;white-space:nowrap}.vk-metabox-post-list li a{width:100%}.vk-admin-banner{display:block;overflow:hidden}.vk-admin-banner a.admin_banner{display:block;margin-bottom:1em;border:1px solid #ccc;box-shadow:inset 0 0 0 1px #fff}.vk-admin-banner a.admin_banner img{max-width:100%;height:auto;display:block}.vk-admin-banner a.admin_banner img:hover{opacity:.7}.vk-admin-banner .vektor_logo{margin-top:1em}.vk-admin-banner .vektor_logo img{width:150px;float:right}#vk_dashboard_widget .vk-admin-banner-grid{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}#vk_dashboard_widget .vk-admin-banner-grid a.admin_banner{width:48%}.wp-core-ui .button-block{display:block;width:100%;text-align:center}.logo_exUnit{display:block;overflow:hidden;text-align:center;margin-bottom:10px;border-bottom:1px solid #ccc}.logo_exUnit img{width:150px;max-width:100%}.vk_option_nav{display:block!important;overflow:hidden}.vk_option_nav ul{display:block;overflow:hidden;margin:0;padding:0}.vk_option_nav ul li{display:block;border:1px solid #ccc;margin-bottom:0;border-bottom:none;background-color:#fff}.vk_option_nav ul li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.vk_option_nav ul li:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom:1px solid #ccc}.vk_option_nav ul li:hover{background-color:#666}.vk_option_nav ul li a{display:block;overflow:hidden;padding:.5em;text-decoration:none;color:#666;font-size:12px}.vk_option_nav ul li:hover a{color:#fff;border:none}.vk_option_nav ul li.current{background-color:#333;color:#fff}.vk_option_nav ul li.current a{color:#fff}.vk_admin_page{padding-top:1em}.vk_admin_page li,.vk_admin_page p,.vk_admin_page td{line-height:1.7;font-size:14px}.vk_admin_page h2.page_title{font-size:16px;text-align:center;line-height:140%;margin:10px 0 20px}.vk_admin_page h3{background-color:#333;color:#fff;padding:10px 15px;font-size:150%;margin-top:0;border-left:5px solid #e50000;border-radius:4px}.vk_admin_page h5{font-size:16px;margin-bottom:1em}.vk_admin_page .form-table td p,.vk_admin_page p{margin-bottom:1em;font-size:14px;line-height:1.7}.vk_admin_page .form-table td p:last-child,.vk_admin_page p:last-child{margin-bottom:0}.vk_admin_page input[type=text]{width:50%}.vk_admin_page select{width:50%}.vk_admin_page dl{line-height:1.5}.vk_admin_page dl dt{font-weight:700;margin-bottom:5px}.vk_admin_page dl dd{margin-left:0}.vk_admin_page tr.dev_object{display:none}.vk_admin_page .pageLogo{text-align:center}.vk_admin_page .pageLogo img{max-width:150px;margin:0 auto}.vk_admin_page .adminMain #adminContent_sub .notice{padding-bottom:10px}.vk_admin_page .adminMain #adminContent_sub .button{white-space:normal;margin:5px 0;padding:.5em 1em;line-height:1.4}.vk_admin_page .adminMain #adminContent_main .form_horizontal_item{margin-right:1em}.vk_admin_page .adminMain_main ol,.vk_admin_page .adminMain_main ul{margin-top:0;margin-left:1.5em;padding-top:0}.vk_admin_page .adminMain_main ol>li{list-style:decimal}.vk_admin_page .adminMain_main ul>li{list-style:disc}.vk_admin_page .adminMain_main li ol,.vk_admin_page .adminMain_main li ul{margin-top:.5em}.vk_admin_page .adminMain_main ul.no-style{margin-left:0}.vk_admin_page .adminMain_main ul.no-style ul{margin-left:1.5em}.vk_admin_page .adminMain_main ul.no-style li{list-style:none}.vk_admin_page .adminMain_main_content{margin-bottom:3em}.vk_admin_page .adminMain_main input[type=text]{margin-bottom:5px}.vk_admin_page .adminSub .infoBox{display:block;overflow:hidden;padding:1em;margin-bottom:1em;background-color:#fff;border-radius:4px}.vk_admin_page .adminSub .vk-metabox-sub-title{background-color:#ccc;width:auto;padding:5px 10px;border-radius:3px;margin-top:0;margin-bottom:15px}.vk_admin_page .adminSub .vk-metabox-more-link{display:none}.vk_admin_page .alert{border-radius:4px;padding:.8em;font-weight:400}.vk_admin_page .alert-danger{border:1px solid #ebccd1;background-color:#f2dede;color:#a94442}.wp-full-overlay-sidebar{font-size:14px}.admin-custom-section,.admin_widget_section{display:block;overflow:hidden;margin:1.5em 0}.admin-custom-section p,.admin_widget_section p{margin-top:.5em}.admin-custom-h2,.admin_widget_h2{box-sizing:border-box;margin:1em 0 1em;padding:.8em 1em;width:100%;border:solid 1px #ddd;border-radius:5px;background:#555;color:#fff;font-size:1.1em}.admin-custom-h3,.admin_widget_h3{box-sizing:border-box;padding:.4em 0;margin-bottom:.3em;width:100%;border-bottom:solid 1px #ddd;font-size:1em}.admin-custom-discription{margin-top:.5em}input[type=checkbox].admin-custom-input,input[type=checkbox].admin_widget_input,input[type=color].admin-custom-input,input[type=color].admin_widget_input,input[type=date].admin-custom-input,input[type=date].admin_widget_input,input[type=datetime-local].admin-custom-input,input[type=datetime-local].admin_widget_input,input[type=datetime].admin-custom-input,input[type=datetime].admin_widget_input,input[type=email].admin-custom-input,input[type=email].admin_widget_input,input[type=month].admin-custom-input,input[type=month].admin_widget_input,input[type=number].admin-custom-input,input[type=number].admin_widget_input,input[type=password].admin-custom-input,input[type=password].admin_widget_input,input[type=radio].admin-custom-input,input[type=radio].admin_widget_input,input[type=search].admin-custom-input,input[type=search].admin_widget_input,input[type=tel].admin-custom-input,input[type=tel].admin_widget_input,input[type=text].admin-custom-input,input[type=text].admin_widget_input,input[type=time].admin-custom-input,input[type=time].admin_widget_input,input[type=url].admin-custom-input,input[type=url].admin_widget_input,input[type=week].admin-custom-input,input[type=week].admin_widget_input,select.admin-custom-input,select.admin_widget_input,textarea.admin-custom-input,textarea.admin_widget_input{width:100%;margin:.3em 0}.admin-custom-thumb-outer,.admin_widget_thumb_outer{position:relative;overflow:hidden;z-index:2;margin:3px 0;min-height:70px;border:1px solid #e5e5e5;background-color:#f5f5f5;width:100%}.admin-custom-thumb-outer:before,.admin_widget_thumb_outer:before{position:absolute;top:50%;left:50%;z-index:1;margin:-8px 0 0 -30px;color:#999;content:"No Image"}.admin-custom-thumb,.admin_widget_thumb{position:relative;z-index:3;display:block;width:100%;height:auto}.vk_checklist_item-style-vertical{display:flex}.vk_checklist_item .vk_checklist_item_input{margin-top:0}.vk-admin-inline-radio{display:flex;border-radius:3px;overflow:hidden;border:1px solid #b6b6b6}.vk-admin-inline-radio div{position:relative;flex:1}.vk-admin-inline-radio input{width:100%;height:60px;opacity:0}.vk-admin-inline-radio label{position:absolute;top:0;left:0;color:#b6b6b6;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;border-right:1px solid #b6b6b6}.vk-admin-inline-radio div:last-child label{border-right:0}.vk-admin-inline-radio input:checked+label{background:#d81b60;font-weight:500;color:#fff}@media (min-width:992px){.adminLayout .adminMain.column_3{grid-template-columns:240px auto}.adminLayout .adminMain_sub_inner{position:sticky;top:30px}}@media (min-width:1400px){.adminLayout{grid-template-columns:auto 300px}.adminLayout{align-items:end}.adminLayout .adminSub{position:sticky;bottom:30px}}@media (max-width:991px){.vk_admin_page .adminSub .adminMain table.form-table td,.vk_admin_page .adminSub .adminMain table.form-table th{display:block}.vk_admin_page .adminSub .adminMain table.form-table th{background-color:#ccc;width:auto;padding:10px;border-radius:3px}} \ No newline at end of file diff --git a/inc/vk-admin/package/js/vk_admin.js b/inc/vk-admin/package/js/vk_admin.js index c51a248fd..86ae77e9f 100644 --- a/inc/vk-admin/package/js/vk_admin.js +++ b/inc/vk-admin/package/js/vk_admin.js @@ -59,32 +59,3 @@ jQuery(document).ready(function($){ jQuery(this).next().slideToggle(); }); }); - -/*-------------------------------------------*/ -/* ページ内リンクで頭出しの余白を適切にする -/*-------------------------------------------*/ -jQuery(document).ready(function(){ - if(!jQuery('body').hasClass('exunit_page_vkExUnit_main_setting')){ return; } - // 一つ目のセクションの位置を取得 - var default_offset = jQuery('.adminMain section:first-child').offset(); - - // 全てのセクションの上に余白を追加（頭出しがきれいになるようにするため） - jQuery('.adminMain section').each(function(i){ - if (i != 0){ // 読み込んだ時、一つ目は余白要らない - jQuery(this).css({"padding-top":default_offset["top"]}); - } - }); - - jQuery(window).scroll(function () { - // スクロール量を取得 - var scroll = jQuery(this).scrollTop(); - - if ( scroll < default_offset["top"] ){ - // スクロールが少ない場合は最初のセクションに余白を入れない - jQuery('.adminMain section:first-child').css({"padding-top":0}); - } else { - // ある程度スクロールしている状態ならば余白を入れる - jQuery('.adminMain section:first-child').css({"padding-top":default_offset["top"]}); - } - }); -}); From 566db998069ad3dc6e13b0a24a624c9e3b25bed5 Mon Sep 17 00:00:00 2001 From: kurudrive Date: Mon, 5 Sep 2022 18:23:04 +0900 Subject: [PATCH 4/4] =?UTF-8?q?update=20:=20vk=20admin=202.6.0=20=E3=83=AC?= =?UTF-8?q?=E3=82=B9=E3=83=9D=E3=83=B3=E3=82=B7=E3=83=96=E3=81=AE=E8=A1=A8?= =?UTF-8?q?=E7=A4=BA=E4=B8=8D=E5=85=B7=E5=90=88=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- inc/vk-admin/package/_scss/vk_admin.scss | 13 +++++++++---- inc/vk-admin/package/class-vk-admin.php | 2 +- inc/vk-admin/package/css/vk_admin.css | 2 +- 3 files changed, 11 insertions(+), 6 deletions(-) diff --git a/inc/vk-admin/package/_scss/vk_admin.scss b/inc/vk-admin/package/_scss/vk_admin.scss index 6efe01d64..9df408170 100644 --- a/inc/vk-admin/package/_scss/vk_admin.scss +++ b/inc/vk-admin/package/_scss/vk_admin.scss @@ -41,11 +41,16 @@ } @media (min-width: 1400px) { - align-items: end; // end 指定しないと下端吸着しない - .adminSub { - position: sticky; - bottom: 30px; + display: grid; + align-items: end; // end 指定しないと下端吸着しない + + &_inner { + position: sticky; + bottom: 30px; + + } + } } } diff --git a/inc/vk-admin/package/class-vk-admin.php b/inc/vk-admin/package/class-vk-admin.php index 84d3086d8..802858c53 100644 --- a/inc/vk-admin/package/class-vk-admin.php +++ b/inc/vk-admin/package/class-vk-admin.php @@ -16,7 +16,7 @@ */ class Vk_Admin { - public static $version = '2.5.0'; + public static $version = '2.6.0'; static function init() { add_action( 'admin_enqueue_scripts', array( __CLASS__, 'admin_common_css' ) ); diff --git a/inc/vk-admin/package/css/vk_admin.css b/inc/vk-admin/package/css/vk_admin.css index 5cee78aab..d2c56471b 100644 --- a/inc/vk-admin/package/css/vk_admin.css +++ b/inc/vk-admin/package/css/vk_admin.css @@ -1 +1 @@ -.vk_admin_page{--vk-admin-layout-gap:30px}.adminLayout{display:grid;gap:var(--vk-admin-layout-gap)}.adminLayout .adminMain{display:grid;gap:var(--vk-admin-layout-gap)}body{margin:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-warning{color:#a94442}#dashboard-widgets .vk-metabox-sub-title,.vk-metabox-sub-title{display:block;overflow:hidden;border-bottom:1px solid #e5e5e5;margin-top:1em;padding-bottom:.3em}#dashboard-widgets .vk-metabox-sub-title .dashicons,.vk-metabox-sub-title .dashicons{position:relative;top:-2px;margin-left:3px}.vk-metabox-more-link{float:right;font-size:12px}.vk-metabox-post-list{margin-bottom:2em}.vk-metabox-post-list li{border-bottom:1px dotted #ccc;padding-bottom:3px;display:flex}.vk-metabox-post-list li .date{font-size:11px;margin-right:1em;width:75px;white-space:nowrap}.vk-metabox-post-list li a{width:100%}.vk-admin-banner{display:block;overflow:hidden}.vk-admin-banner a.admin_banner{display:block;margin-bottom:1em;border:1px solid #ccc;box-shadow:inset 0 0 0 1px #fff}.vk-admin-banner a.admin_banner img{max-width:100%;height:auto;display:block}.vk-admin-banner a.admin_banner img:hover{opacity:.7}.vk-admin-banner .vektor_logo{margin-top:1em}.vk-admin-banner .vektor_logo img{width:150px;float:right}#vk_dashboard_widget .vk-admin-banner-grid{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}#vk_dashboard_widget .vk-admin-banner-grid a.admin_banner{width:48%}.wp-core-ui .button-block{display:block;width:100%;text-align:center}.logo_exUnit{display:block;overflow:hidden;text-align:center;margin-bottom:10px;border-bottom:1px solid #ccc}.logo_exUnit img{width:150px;max-width:100%}.vk_option_nav{display:block!important;overflow:hidden}.vk_option_nav ul{display:block;overflow:hidden;margin:0;padding:0}.vk_option_nav ul li{display:block;border:1px solid #ccc;margin-bottom:0;border-bottom:none;background-color:#fff}.vk_option_nav ul li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.vk_option_nav ul li:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom:1px solid #ccc}.vk_option_nav ul li:hover{background-color:#666}.vk_option_nav ul li a{display:block;overflow:hidden;padding:.5em;text-decoration:none;color:#666;font-size:12px}.vk_option_nav ul li:hover a{color:#fff;border:none}.vk_option_nav ul li.current{background-color:#333;color:#fff}.vk_option_nav ul li.current a{color:#fff}.vk_admin_page{padding-top:1em}.vk_admin_page li,.vk_admin_page p,.vk_admin_page td{line-height:1.7;font-size:14px}.vk_admin_page h2.page_title{font-size:16px;text-align:center;line-height:140%;margin:10px 0 20px}.vk_admin_page h3{background-color:#333;color:#fff;padding:10px 15px;font-size:150%;margin-top:0;border-left:5px solid #e50000;border-radius:4px}.vk_admin_page h5{font-size:16px;margin-bottom:1em}.vk_admin_page .form-table td p,.vk_admin_page p{margin-bottom:1em;font-size:14px;line-height:1.7}.vk_admin_page .form-table td p:last-child,.vk_admin_page p:last-child{margin-bottom:0}.vk_admin_page input[type=text]{width:50%}.vk_admin_page select{width:50%}.vk_admin_page dl{line-height:1.5}.vk_admin_page dl dt{font-weight:700;margin-bottom:5px}.vk_admin_page dl dd{margin-left:0}.vk_admin_page tr.dev_object{display:none}.vk_admin_page .pageLogo{text-align:center}.vk_admin_page .pageLogo img{max-width:150px;margin:0 auto}.vk_admin_page .adminMain #adminContent_sub .notice{padding-bottom:10px}.vk_admin_page .adminMain #adminContent_sub .button{white-space:normal;margin:5px 0;padding:.5em 1em;line-height:1.4}.vk_admin_page .adminMain #adminContent_main .form_horizontal_item{margin-right:1em}.vk_admin_page .adminMain_main ol,.vk_admin_page .adminMain_main ul{margin-top:0;margin-left:1.5em;padding-top:0}.vk_admin_page .adminMain_main ol>li{list-style:decimal}.vk_admin_page .adminMain_main ul>li{list-style:disc}.vk_admin_page .adminMain_main li ol,.vk_admin_page .adminMain_main li ul{margin-top:.5em}.vk_admin_page .adminMain_main ul.no-style{margin-left:0}.vk_admin_page .adminMain_main ul.no-style ul{margin-left:1.5em}.vk_admin_page .adminMain_main ul.no-style li{list-style:none}.vk_admin_page .adminMain_main_content{margin-bottom:3em}.vk_admin_page .adminMain_main input[type=text]{margin-bottom:5px}.vk_admin_page .adminSub .infoBox{display:block;overflow:hidden;padding:1em;margin-bottom:1em;background-color:#fff;border-radius:4px}.vk_admin_page .adminSub .vk-metabox-sub-title{background-color:#ccc;width:auto;padding:5px 10px;border-radius:3px;margin-top:0;margin-bottom:15px}.vk_admin_page .adminSub .vk-metabox-more-link{display:none}.vk_admin_page .alert{border-radius:4px;padding:.8em;font-weight:400}.vk_admin_page .alert-danger{border:1px solid #ebccd1;background-color:#f2dede;color:#a94442}.wp-full-overlay-sidebar{font-size:14px}.admin-custom-section,.admin_widget_section{display:block;overflow:hidden;margin:1.5em 0}.admin-custom-section p,.admin_widget_section p{margin-top:.5em}.admin-custom-h2,.admin_widget_h2{box-sizing:border-box;margin:1em 0 1em;padding:.8em 1em;width:100%;border:solid 1px #ddd;border-radius:5px;background:#555;color:#fff;font-size:1.1em}.admin-custom-h3,.admin_widget_h3{box-sizing:border-box;padding:.4em 0;margin-bottom:.3em;width:100%;border-bottom:solid 1px #ddd;font-size:1em}.admin-custom-discription{margin-top:.5em}input[type=checkbox].admin-custom-input,input[type=checkbox].admin_widget_input,input[type=color].admin-custom-input,input[type=color].admin_widget_input,input[type=date].admin-custom-input,input[type=date].admin_widget_input,input[type=datetime-local].admin-custom-input,input[type=datetime-local].admin_widget_input,input[type=datetime].admin-custom-input,input[type=datetime].admin_widget_input,input[type=email].admin-custom-input,input[type=email].admin_widget_input,input[type=month].admin-custom-input,input[type=month].admin_widget_input,input[type=number].admin-custom-input,input[type=number].admin_widget_input,input[type=password].admin-custom-input,input[type=password].admin_widget_input,input[type=radio].admin-custom-input,input[type=radio].admin_widget_input,input[type=search].admin-custom-input,input[type=search].admin_widget_input,input[type=tel].admin-custom-input,input[type=tel].admin_widget_input,input[type=text].admin-custom-input,input[type=text].admin_widget_input,input[type=time].admin-custom-input,input[type=time].admin_widget_input,input[type=url].admin-custom-input,input[type=url].admin_widget_input,input[type=week].admin-custom-input,input[type=week].admin_widget_input,select.admin-custom-input,select.admin_widget_input,textarea.admin-custom-input,textarea.admin_widget_input{width:100%;margin:.3em 0}.admin-custom-thumb-outer,.admin_widget_thumb_outer{position:relative;overflow:hidden;z-index:2;margin:3px 0;min-height:70px;border:1px solid #e5e5e5;background-color:#f5f5f5;width:100%}.admin-custom-thumb-outer:before,.admin_widget_thumb_outer:before{position:absolute;top:50%;left:50%;z-index:1;margin:-8px 0 0 -30px;color:#999;content:"No Image"}.admin-custom-thumb,.admin_widget_thumb{position:relative;z-index:3;display:block;width:100%;height:auto}.vk_checklist_item-style-vertical{display:flex}.vk_checklist_item .vk_checklist_item_input{margin-top:0}.vk-admin-inline-radio{display:flex;border-radius:3px;overflow:hidden;border:1px solid #b6b6b6}.vk-admin-inline-radio div{position:relative;flex:1}.vk-admin-inline-radio input{width:100%;height:60px;opacity:0}.vk-admin-inline-radio label{position:absolute;top:0;left:0;color:#b6b6b6;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;border-right:1px solid #b6b6b6}.vk-admin-inline-radio div:last-child label{border-right:0}.vk-admin-inline-radio input:checked+label{background:#d81b60;font-weight:500;color:#fff}@media (min-width:992px){.adminLayout .adminMain.column_3{grid-template-columns:240px auto}.adminLayout .adminMain_sub_inner{position:sticky;top:30px}}@media (min-width:1400px){.adminLayout{grid-template-columns:auto 300px}.adminLayout{align-items:end}.adminLayout .adminSub{position:sticky;bottom:30px}}@media (max-width:991px){.vk_admin_page .adminSub .adminMain table.form-table td,.vk_admin_page .adminSub .adminMain table.form-table th{display:block}.vk_admin_page .adminSub .adminMain table.form-table th{background-color:#ccc;width:auto;padding:10px;border-radius:3px}} \ No newline at end of file +.vk_admin_page{--vk-admin-layout-gap:30px}.adminLayout{display:grid;gap:var(--vk-admin-layout-gap)}.adminLayout .adminMain{display:grid;gap:var(--vk-admin-layout-gap)}body{margin:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-warning{color:#a94442}#dashboard-widgets .vk-metabox-sub-title,.vk-metabox-sub-title{display:block;overflow:hidden;border-bottom:1px solid #e5e5e5;margin-top:1em;padding-bottom:.3em}#dashboard-widgets .vk-metabox-sub-title .dashicons,.vk-metabox-sub-title .dashicons{position:relative;top:-2px;margin-left:3px}.vk-metabox-more-link{float:right;font-size:12px}.vk-metabox-post-list{margin-bottom:2em}.vk-metabox-post-list li{border-bottom:1px dotted #ccc;padding-bottom:3px;display:flex}.vk-metabox-post-list li .date{font-size:11px;margin-right:1em;width:75px;white-space:nowrap}.vk-metabox-post-list li a{width:100%}.vk-admin-banner{display:block;overflow:hidden}.vk-admin-banner a.admin_banner{display:block;margin-bottom:1em;border:1px solid #ccc;box-shadow:inset 0 0 0 1px #fff}.vk-admin-banner a.admin_banner img{max-width:100%;height:auto;display:block}.vk-admin-banner a.admin_banner img:hover{opacity:.7}.vk-admin-banner .vektor_logo{margin-top:1em}.vk-admin-banner .vektor_logo img{width:150px;float:right}#vk_dashboard_widget .vk-admin-banner-grid{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}#vk_dashboard_widget .vk-admin-banner-grid a.admin_banner{width:48%}.wp-core-ui .button-block{display:block;width:100%;text-align:center}.logo_exUnit{display:block;overflow:hidden;text-align:center;margin-bottom:10px;border-bottom:1px solid #ccc}.logo_exUnit img{width:150px;max-width:100%}.vk_option_nav{display:block!important;overflow:hidden}.vk_option_nav ul{display:block;overflow:hidden;margin:0;padding:0}.vk_option_nav ul li{display:block;border:1px solid #ccc;margin-bottom:0;border-bottom:none;background-color:#fff}.vk_option_nav ul li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.vk_option_nav ul li:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom:1px solid #ccc}.vk_option_nav ul li:hover{background-color:#666}.vk_option_nav ul li a{display:block;overflow:hidden;padding:.5em;text-decoration:none;color:#666;font-size:12px}.vk_option_nav ul li:hover a{color:#fff;border:none}.vk_option_nav ul li.current{background-color:#333;color:#fff}.vk_option_nav ul li.current a{color:#fff}.vk_admin_page{padding-top:1em}.vk_admin_page li,.vk_admin_page p,.vk_admin_page td{line-height:1.7;font-size:14px}.vk_admin_page h2.page_title{font-size:16px;text-align:center;line-height:140%;margin:10px 0 20px}.vk_admin_page h3{background-color:#333;color:#fff;padding:10px 15px;font-size:150%;margin-top:0;border-left:5px solid #e50000;border-radius:4px}.vk_admin_page h5{font-size:16px;margin-bottom:1em}.vk_admin_page .form-table td p,.vk_admin_page p{margin-bottom:1em;font-size:14px;line-height:1.7}.vk_admin_page .form-table td p:last-child,.vk_admin_page p:last-child{margin-bottom:0}.vk_admin_page input[type=text]{width:50%}.vk_admin_page select{width:50%}.vk_admin_page dl{line-height:1.5}.vk_admin_page dl dt{font-weight:700;margin-bottom:5px}.vk_admin_page dl dd{margin-left:0}.vk_admin_page tr.dev_object{display:none}.vk_admin_page .pageLogo{text-align:center}.vk_admin_page .pageLogo img{max-width:150px;margin:0 auto}.vk_admin_page .adminMain #adminContent_sub .notice{padding-bottom:10px}.vk_admin_page .adminMain #adminContent_sub .button{white-space:normal;margin:5px 0;padding:.5em 1em;line-height:1.4}.vk_admin_page .adminMain #adminContent_main .form_horizontal_item{margin-right:1em}.vk_admin_page .adminMain_main ol,.vk_admin_page .adminMain_main ul{margin-top:0;margin-left:1.5em;padding-top:0}.vk_admin_page .adminMain_main ol>li{list-style:decimal}.vk_admin_page .adminMain_main ul>li{list-style:disc}.vk_admin_page .adminMain_main li ol,.vk_admin_page .adminMain_main li ul{margin-top:.5em}.vk_admin_page .adminMain_main ul.no-style{margin-left:0}.vk_admin_page .adminMain_main ul.no-style ul{margin-left:1.5em}.vk_admin_page .adminMain_main ul.no-style li{list-style:none}.vk_admin_page .adminMain_main_content{margin-bottom:3em}.vk_admin_page .adminMain_main input[type=text]{margin-bottom:5px}.vk_admin_page .adminSub .infoBox{display:block;overflow:hidden;padding:1em;margin-bottom:1em;background-color:#fff;border-radius:4px}.vk_admin_page .adminSub .vk-metabox-sub-title{background-color:#ccc;width:auto;padding:5px 10px;border-radius:3px;margin-top:0;margin-bottom:15px}.vk_admin_page .adminSub .vk-metabox-more-link{display:none}.vk_admin_page .alert{border-radius:4px;padding:.8em;font-weight:400}.vk_admin_page .alert-danger{border:1px solid #ebccd1;background-color:#f2dede;color:#a94442}.wp-full-overlay-sidebar{font-size:14px}.admin-custom-section,.admin_widget_section{display:block;overflow:hidden;margin:1.5em 0}.admin-custom-section p,.admin_widget_section p{margin-top:.5em}.admin-custom-h2,.admin_widget_h2{box-sizing:border-box;margin:1em 0 1em;padding:.8em 1em;width:100%;border:solid 1px #ddd;border-radius:5px;background:#555;color:#fff;font-size:1.1em}.admin-custom-h3,.admin_widget_h3{box-sizing:border-box;padding:.4em 0;margin-bottom:.3em;width:100%;border-bottom:solid 1px #ddd;font-size:1em}.admin-custom-discription{margin-top:.5em}input[type=checkbox].admin-custom-input,input[type=checkbox].admin_widget_input,input[type=color].admin-custom-input,input[type=color].admin_widget_input,input[type=date].admin-custom-input,input[type=date].admin_widget_input,input[type=datetime-local].admin-custom-input,input[type=datetime-local].admin_widget_input,input[type=datetime].admin-custom-input,input[type=datetime].admin_widget_input,input[type=email].admin-custom-input,input[type=email].admin_widget_input,input[type=month].admin-custom-input,input[type=month].admin_widget_input,input[type=number].admin-custom-input,input[type=number].admin_widget_input,input[type=password].admin-custom-input,input[type=password].admin_widget_input,input[type=radio].admin-custom-input,input[type=radio].admin_widget_input,input[type=search].admin-custom-input,input[type=search].admin_widget_input,input[type=tel].admin-custom-input,input[type=tel].admin_widget_input,input[type=text].admin-custom-input,input[type=text].admin_widget_input,input[type=time].admin-custom-input,input[type=time].admin_widget_input,input[type=url].admin-custom-input,input[type=url].admin_widget_input,input[type=week].admin-custom-input,input[type=week].admin_widget_input,select.admin-custom-input,select.admin_widget_input,textarea.admin-custom-input,textarea.admin_widget_input{width:100%;margin:.3em 0}.admin-custom-thumb-outer,.admin_widget_thumb_outer{position:relative;overflow:hidden;z-index:2;margin:3px 0;min-height:70px;border:1px solid #e5e5e5;background-color:#f5f5f5;width:100%}.admin-custom-thumb-outer:before,.admin_widget_thumb_outer:before{position:absolute;top:50%;left:50%;z-index:1;margin:-8px 0 0 -30px;color:#999;content:"No Image"}.admin-custom-thumb,.admin_widget_thumb{position:relative;z-index:3;display:block;width:100%;height:auto}.vk_checklist_item-style-vertical{display:flex}.vk_checklist_item .vk_checklist_item_input{margin-top:0}.vk-admin-inline-radio{display:flex;border-radius:3px;overflow:hidden;border:1px solid #b6b6b6}.vk-admin-inline-radio div{position:relative;flex:1}.vk-admin-inline-radio input{width:100%;height:60px;opacity:0}.vk-admin-inline-radio label{position:absolute;top:0;left:0;color:#b6b6b6;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;border-right:1px solid #b6b6b6}.vk-admin-inline-radio div:last-child label{border-right:0}.vk-admin-inline-radio input:checked+label{background:#d81b60;font-weight:500;color:#fff}@media (min-width:992px){.adminLayout .adminMain.column_3{grid-template-columns:240px auto}.adminLayout .adminMain_sub_inner{position:sticky;top:30px}}@media (min-width:1400px){.adminLayout{grid-template-columns:auto 300px}.adminLayout .adminSub{display:grid;align-items:end}.adminLayout .adminSub_inner{position:sticky;bottom:30px}}@media (max-width:991px){.vk_admin_page .adminSub .adminMain table.form-table td,.vk_admin_page .adminSub .adminMain table.form-table th{display:block}.vk_admin_page .adminSub .adminMain table.form-table th{background-color:#ccc;width:auto;padding:10px;border-radius:3px}} \ No newline at end of file