ベーステンプレートを更新しました
目次[非表示]
- 1.ページ
- 1.1.ページのデザイン変更
- 2.管理Vr 20220607
- 2.1.ページのデザインに伴いテンプレート箇所のCSS変更
- 2.2.btn_custom系のプロパティーの並び順を変更
- 2.3.caseContent_styleのカード型の幅の計算式を変更
- 2.4.caseContent_styleの記事間を変数化
- 2.5.-webkit-scrollbarの記述を削除
- 2.6.SP時のリンクタップの色を削除
- 2.7.ヘッダー(共通ナビ)の幅変更
- 2.8.メンビジ(共通ヘッダー)の幅変更
- 2.9.フッター(.foot-cont)のpadding調整
- 2.10.custom_table-scrollの余白調整
- 2.11.パーツのメニューアイコンに影追加
- 2.12.検索パーツ、検索結果ページの調整
- 2.13.ナビゲージョン1段の調整
- 2.14.ハンバーガーメニュー内をスクロール表示を1段ナビにも適応
- 2.15.一部インデントがズレていたので修正
ページ
ページのデザイン変更
・活用事例のデザイン変更
・プラン・価格のデザイン変更
・採用情報のデザイン変更
・代表の声のデザイン変更
・情報セキュリティ基本方針のデザイン変更
・著作権についてのデザイン変更
・ギャラリー・動画集のデザイン変更
管理Vr 20220607
ページのデザインに伴いテンプレート箇所のCSS変更
「/*----- 下層テンプレート -----*/」以下の部分
・活用事例
・プラン・価格
・採用情報
・代表の声
・著作権について
・ギャラリー・動画集
btn_custom系のプロパティーの並び順を変更
バラバラに記述されていたプロパティの並び順を統一しました。
transitionの挙動を調整しました。
理由として変更前の記述だと、公開画面接続時にボタンの表示がチラつくことが判明しその対応です。
制作時作業に変更はありません。
caseContent_styleのカード型の幅の計算式を変更
全体から計算するように変更しました。
■変更前
//カード型2列
&.entry-image-card-2-col {
.article-list {
.entry-list-unit {
@include breakpoint-pc {
width: calc(100% / 2 - 6px);
}
a {}
.cont {}
}
}
}
//カード型3列
&.entry-image-card-3-col {
.article-list {
.entry-list-unit {
@include breakpoint-pc {
width: calc(100% / 3 - 8px);
}
a {}
.cont {}
}
}
}
■変更後
//カード型2列
&.entry-image-card-2-col {
.article-list {
.entry-list-unit {
@include breakpoint-pc {
width: calc((100% - #{$case_list_space}) / 2);
}
a {}
.cont {}
}
}
}
//カード型3列
&.entry-image-card-3-col {
.article-list {
.entry-list-unit {
@include breakpoint-pc {
width: calc((100% - (#{$case_list_space} * 2)) / 3);
}
a {}
.cont {}
}
}
}
caseContent_styleの記事間を変数化
$case_list_space //caseContent_style記事間の余白を変数化しました。
制作の際はCSS上部の変数一覧から、余白の調整を行なってください。
(基本は記事リストの記事間の余白は12pxです、もしカンプで違う場合は変数を調整してください)
■新規追加変数
$case_list_space: 12px; //caseContent_style記事間の余白
-webkit-scrollbarの記述を削除
5/27のfo仕様変更によりカスタムCSSの記述も削除
(スクロールの表示がブラウザ依存になりました)
「table-with-two-headers」のpadding-bottomも削除
通常の制作では使用したり、カスタムしたりするところではないので、
制作に影響はありませんがご認識の程お願いします。
SP時のリンクタップの色を削除
common(ウェブサイト共通)に記述
■変更前
SP時 ハンバーガーメニューを開き、項目をタップすると一瞬背景に青色が表示されていました。
■変更後
ハンバーガーメニューの項目をタップしても青色が一瞬表示されることがなくなりました。
制作作業に変更や更新はありません。
ヘッダー(共通ナビ)の幅変更
max-width: 1040px; → max-width: 1060px;
制作作業に変更や更新はありませんがご認識をお願いいたします。
メンビジ(共通ヘッダー)の幅変更
「.mv_custom」「.sub-page-custom」の「.clearfix」の幅を変更
「.inner」と同じ挙動に
max-width:1100px;
margin: 0 auto;
padding: 20px;
制作作業に変更や更新はありませんがご認識をお願いいたします。
フッター(.foot-cont)のpadding調整
padding: 90px 10px; → padding: 90px 20px;
制作作業に変更や更新はありませんがご認識をお願いいたします。
custom_table-scrollの余白調整
margin系を削除
制作作業に変更や更新はありませんがご認識をお願いいたします。
パーツのメニューアイコンに影追加
新CMSになって消えて、みにくい状態だったので追加
制作作業に変更や更新はありません。
ページ編集画面上でのメニューマークが見やすくなったのみです。
検索パーツ、検索結果ページの調整
inputを他のものと同じ挙動に調整
(outlineを削除し、focusを追加)
検索パーツが検索結果ページのCSSに影響を受けてたので変更
(互いに打ち消しあっていた箇所も調整)
制作作業に変更や更新はありません。
ナビゲージョン1段の調整
ナビゲーション1段の場合についてロゴとお問合せボタンをflex化し、
余白を調整しました。
制作作業に変更や更新はありません。
ハンバーガーメニュー内をスクロール表示を1段ナビにも適応
制作作業に変更や更新はありません。
一部インデントがズレていたので修正
制作作業に変更や更新はありません。