suwako
/
kikikan
アーカイブ
1
0
フォーク 0
コード イシュー プルリクエスト プロジェクト リリース Wiki アクティビティ

modified css-loader

このコミットが含まれているのは:
dragon1211 2021-11-07 17:01:36 +09:00
親 b15eb7e3aa
コミット e4497c65b8
6個のファイルの変更、37行の追加、30行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

14
backend/public/css/app.css
ファイルの表示

@ -12304,9 +12304,21 @@ a {
.mypage-nav-list__item.nav-active .prof-wrap {
border: 1px solid #F0DE00 !important;
}
@media screen and (min-width: 1024px) {
@media screen and (min-width: 1068px) {
.mypage-nav-list__item .prof-wrap {
width: 24px !important;
height: 24px !important;
}
}
.css-loader {
top: calc(45vh - 22px);
color: green !important;
position: fixed;
left: calc(50vw - 22px);
}
@media screen and (min-width: 1068px) {
.css-loader {
left: calc(50vw + 120px - 22px);
}
}

31
backend/public/js/app.js
ファイルの表示

@ -42029,12 +42029,7 @@ var MeetingDetail = function MeetingDetail(props) {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_component_notification__WEBPACK_IMPORTED_MODULE_2__.default, {})]
}), !loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_10__.default, {
color: "secondary",
style: {
top: 'calc(40vh - 22px)',
left: 'calc(50% - 22px)',
color: 'green',
position: 'absolute'
}
className: "css-loader"
}), loaded && (meeting ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
className: "l-content-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
@ -42406,10 +42401,7 @@ var Meeting = function Meeting() {
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
className: "l-content-wrap",
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("section", {
className: "meeting-tab-container position-relative",
style: {
minHeight: '250px'
},
className: "meeting-tab-container",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
className: "meeting-tab-wrap",
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
@ -42448,12 +42440,7 @@ var Meeting = function Meeting() {
})]
}), !loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_7__.default, {
color: "secondary",
style: {
top: 'calc(50% - 22px)',
left: 'calc(50% - 22px)',
color: 'green',
position: 'absolute'
}
className: "css-loader"
}), loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
className: "meeting-content",
children: [!tab_status && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
@ -44318,14 +44305,12 @@ var Search = function Search() {
})]
})]
})
}), !loaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_8__.default, {
}),
/*#__PURE__*/
// !loaded &&
(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_material_ui_core__WEBPACK_IMPORTED_MODULE_8__.default, {
color: "secondary",
style: {
top: 'calc(50% - 22px)',
left: 'calc(50% - 22px)',
color: 'green',
position: 'absolute'
}
className: "css-loader"
}), loaded && !initPage && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
className: "meeting-content",
children: [!tab_status && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {

2
backend/resources/js/child/meeting/detail.jsx
ファイルの表示

@ -103,7 +103,7 @@ const MeetingDetail = (props) => {
</div>
{
!loaded &&
<CircularProgress color="secondary" style={{top:'calc(40vh - 22px)', left:'calc(50% - 22px)', color:'green', position:'absolute'}}/>
<CircularProgress color="secondary" className="css-loader"/>
}
{
loaded &&

4
backend/resources/js/child/meeting/index.jsx
ファイルの表示

@ -102,7 +102,7 @@ const Meeting = () => {
</div>
<div className="l-content-wrap">
<section className="meeting-tab-container position-relative" style={{minHeight:'250px'}}>
<section className="meeting-tab-container">
<div className="meeting-tab-wrap">
<div className="meeting-head">
<input className="tab-switch" id="tab-01" type="radio" name="tab_btn"/>
@ -115,7 +115,7 @@ const Meeting = () => {
</div>
{
!loaded &&
<CircularProgress color="secondary" style={{top:'calc(50% - 22px)', left:'calc(50% - 22px)', color:'green', position:'absolute'}}/>
<CircularProgress color="secondary" className="css-loader"/>
}
{
loaded &&

4
backend/resources/js/child/search/index.jsx
ファイルの表示

@ -123,8 +123,8 @@ const Search = () => {
</div>
</div>
{
!loaded &&
<CircularProgress color="secondary" style={{top:'calc(50% - 22px)', left:'calc(50% - 22px)', color:'green', position:'absolute'}}/>
// !loaded &&
<CircularProgress color="secondary" className="css-loader"/>
}
{
loaded && !initPage &&

12
backend/resources/sass/layouts/_main.scss
ファイルの表示

@ -192,9 +192,19 @@ a{
}
}
.prof-wrap{
@media screen and (min-width:1024px){
@media screen and (min-width:1068px){
width: 24px !important;
height: 24px !important;
}
}
}
.css-loader{
top: calc(45vh - 22px);
color: green !important;
position: fixed;
left: calc(50vw - 22px);
@media screen and (min-width:1068px){
left: calc( 50vw + 240px / 2 - 22px);
}
}