Skip to content

Commit 4371f38

Browse files
frankpaganfrankpagan
committed
fix: datatable css
1 parent 81cb6bd commit 4371f38

File tree

32 files changed

+138
-122
lines changed

32 files changed

+138
-122
lines changed

‎src/admin/activities/datatable.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@
1616
}
1717
</style>
1818

19-
<body class="width:fit-content overflow:overlay">
19+
<body>
2020

2121
<!-- Navbar -->
22-
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky left:0 width:100vw" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
22+
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
2323

2424
<!-- Menu Icon Animations -->
2525
<a class="menu_icon--Vdots" toggle="active" toggle-sidenav="menuL">
@@ -96,7 +96,7 @@
9696
<div class="position:fixed margin-top:50px" main-content_id="content" id="modal-viewport"></div>
9797

9898
<!-- Main Content -->
99-
<main main-content_id="content" class="padding:5px">
99+
<main main-content_id="content" class="padding:5px overflow:overlay">
100100
<table class="width:100% border-collapse:collapse">
101101
<tr class="border-bottom:1px_solid_darkgray">
102102
<td class="position:sticky top:0 background:white padding-top:0 padding:10px ">

‎src/admin/blocks/datatable.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@
1616
}
1717
</style>
1818

19-
<body class="width:fit-content overflow:overlay">
19+
<body>
2020

2121
<!-- Navbar -->
22-
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky left:0 width:100vw" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
22+
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
2323

2424
<!-- Menu Icon Animations -->
2525
<a class="menu_icon--Vdots" toggle="active" toggle-sidenav="menuL">
@@ -96,7 +96,7 @@
9696
<div class="position:fixed margin-top:50px" main-content_id="content" id="modal-viewport"></div>
9797

9898
<!-- Main Content -->
99-
<main main-content_id="content" class="padding:5px">
99+
<main main-content_id="content" class="padding:5px overflow:overlay">
100100
<table class="width:100% border-collapse:collapse">
101101
<tr class="border-bottom:1px_solid_darkgray">
102102
<td class="position:sticky top:0 background:white padding-top:0 padding:10px ">

‎src/admin/blog/datatable.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@
1616
}
1717
</style>
1818

19-
<body class="width:fit-content overflow:overlay">
19+
<body>
2020

2121
<!-- Navbar -->
22-
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky left:0 width:100vw" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
22+
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
2323

2424
<!-- Menu Icon Animations -->
2525
<a class="menu_icon--Vdots" toggle="active" toggle-sidenav="menuL">
@@ -96,7 +96,7 @@
9696
<div class="position:fixed margin-top:50px" main-content_id="content" id="modal-viewport"></div>
9797

9898
<!-- Main Content -->
99-
<main main-content_id="content" class="padding:5px">
99+
<main main-content_id="content" class="padding:5px overflow:overlay">
100100
<table class="width:100% border-collapse:collapse">
101101
<tr class="border-bottom:1px_solid_darkgray">
102102
<td class="position:sticky top:0 background:white padding-top:0 padding:10px ">

‎src/admin/builder/components/left-panel.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,10 +26,10 @@
2626

2727
<!-- Block Categories -->
2828
<!--<div template_id="block-categories" filter-name="type" filter-value="611829a9c0e9580010ea589d"></div>-->
29-
<div id="elements" class="components display:none active" template_id="block-categories" fetch-collection="tags" filter-name="module_id" filter-value="5ff747727005da1c27274194" order-by="position" order-type="asc" filter-value_type="number" render_id="tag">
29+
<div id="elements" class="components display:none active" template_id="block-categories" fetch-collection="tags" filter-name="module_id" filter-value="5ff747727005da1c27274194" order-by="position" order-type="asc" render_id="tag">
3030

3131
<!-- Block Categories Template -->
32-
<div class="template" template_id="block-categories" render-key="tag" render-array="tag.data" document_id="{{tag._id}}">
32+
<div class="template" template_id="block-categories" document_id="{{tag._id}}">
3333
<div class="padding:5px background:gainsboro" show=".category{{tag._id}}" hide=".category{{tag._id}}">
3434
<span class="category{{tag._id}} hidden"><i class="fas fa-plus"></i></span>
3535
<span class="category{{tag._id}}"><i class="fas fa-minus"></i></span>

‎src/admin/builder/index.html‎

Lines changed: 50 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,9 @@
4747
<a id="mobile-view" class=""><i class="fas fa-mobile-alt"></i></a>
4848
</li>
4949

50+
<li actions="disableLinks" link-target="#canvas;" class="margin-right:15px" show="[actions='activateLinks']" hide="[actions='disableLinks']"><i class="fas fa-link"></i></li>
51+
<li actions="activateLinks" link-target="#canvas;" class="margin-right:15px color:red hidden" show="[actions='disableLinks']" hide="[actions='activateLinks']"><i class="fas fa-unlink"></i></li>
52+
5053
<!-- Render Code Editor -->
5154
<li class="margin-right:15px">
5255
<a target="modal" href="../code-editor/index.html" modal-width="900px" modal-color="#229954">
@@ -90,43 +93,58 @@
9093
</sidenav>
9194

9295
<!-- Selected Toolbar -->
93-
<div id="selectedElementcoc" toolbar-placent="top" toolbar-target="" class="position:absolute pointer-events:none display:none">
94-
<div class="toolbar display:flex flex-direction:row-reverse width:100% fontsize:12px color:white">
95-
<span class="padding:3px background:red pointer-events:auto outline:1px_red_solid"><i class="fas fa-arrows-alt"></i></span>
96-
</div>
97-
<div class="height:100% width:100% outline:1px_red_solid"></div>
98-
</div>
96+
<toolbar id="selectedElement" toolbar-placement="top" class="position:absolute pointer-events:none display:none">
97+
<tools class="display:flex justify-content:space-between width:100% color:white font-size:11px">
98+
<span class="padding:2px_5px background:dodgerblue border:1px_dodgerblue_solid" tagName></span>
99+
<!--<span class="padding:3px background:dodgerblue pointer-events:auto"><i class="fas fa-arrows-alt"></i></span>-->
100+
<div class="display:flex align-items:center padding:2px_5px background:dodgerblue border:1px_dodgerblue_solid pointer-events:auto">
101+
<span actions="previousElement" class="margin-right:5px"><i class="fas fa-arrow-up"></i></span>
102+
<span actions="nextElement"><i class="fas fa-arrow-down"></i></span>
103+
</div>
104+
</tools>
105+
<div class="height:100% width:100% border:2px_dodgerblue_solid"></div>
106+
</toolbar>
99107

100108
<!-- Hover Toolbar -->
101-
<div id="hoveredElementcoc" toolbar-placent="top" toolbar-target="" class="position:absolute pointer-events:none display:none">
102-
<div class="toolbar width:100% ">
103-
<span class="padding:0_5px_0_5px background:dodgerblue pointer-events:auto font-size:12px color:white border:2px_dodgerblue_solid" tagName>tagname</span>
104-
</div>
105-
<div class="height:100% width:100% border:2px_dodgerblue_solid"></div>
106-
</div>
109+
<toolbar id="hoveredElement" toolbar-placent="top" class="position:absolute pointer-events:none display:none">
110+
<tools class="tools display:flex align-items:center color:white font-size:11px">
111+
<span class="padding:2px_5px background:dodgerblue border:1px_dodgerblue_solid" tagName></span>
112+
</tools>
113+
<div class="height:100% width:100% border:1px_dodgerblue_solid"></div>
114+
</toolbar>
107115
<!-- End Hover Toolbar -->
108116

109117
<!-- Collaboration Toolbar -->
110-
<!--<div id="collabElementcoc" toolbar-placent="top" toolbar-target="" class="position:absolute pointer-events:none display:non">-->
111-
<!-- <div class="toolbar width:100%">-->
112-
<!-- <span id="bold-button"><i class="fa fa-bold"></i></span>-->
113-
<!-- <span id="italic-button"><i class="fa fa-italic"></i></span>-->
114-
<!-- <span id="link-button"><i class="fa fa-link"></i></span>-->
115-
<!-- <span id="blockquote-button"><i class="fa fa-quote-right"></i></span>-->
116-
<!-- <span id="header-1-button"><i class="fa fa-header"><sub>1</sub></i></span>-->
117-
<!-- <span id="header-2-button"><i class="fa fa-header"><sub>2</sub></i></span>-->
118-
<!-- <div id="sidebar-controls">-->
119-
<!-- <span id="show-controls"><i class="fa fa-plus"></i></span>-->
120-
<!-- <span class="controls">-->
121-
<!-- <span id="image-button"><i class="fa fa-camera"></i></span>-->
122-
<!-- <span id="video-button"><i class="fa fa-play"></i></span>-->
123-
<!-- <span id="tweet-button"><i class="fa fa-twitter"></i></span>-->
124-
<!-- <span id="divider-button"><i class="fa fa-minus"></i></span>-->
125-
<!-- </span>-->
126-
<!-- </div>-->
127-
<!-- </div>-->
128-
<!-- <div class="height:100% width:100%"></div>-->
129-
<!--</div>-->
118+
<div id="collabElement" toolbar-placent="top" class="toolbar position:absolute pointer-events:none display:none">
119+
<tools class="display:flex align-items:center width:fit-content background:gainsboro border-radius:5px pointer-events:auto">
120+
<div actions="nodeName" nodeName="b" nodeTarget="#canvas;" classname="rte-btn" class="padding:5px" id="bold-button"><i class="fa fa-bold"></i></div>
121+
<div actions="nodeName" nodeName="i" nodeTarget="#canvas;" class="rte-btn" id="italic-button"><i class="fa fa-italic"></i></div>
122+
<div class="rte-btn" id="link-button" show="#link" hide="#link"><i class="fa fa-link"></i></div>
123+
<div id="link" class="position:absolute display:flex align-items:center transition:0.4s background:gainsboro height:28px border-radius:5px hidden">
124+
<input type="text" name="" />
125+
<div actions="nodeName" nodeName="a" nodeTarget="#canvas;" class="rte-btn" id="link-button"><i class="fa fa-link"></i></div>
126+
<div hide="#link"><i class="fa fa-times"></i></div>
127+
</div>
128+
<div actions="nodeName" nodeName="q" nodeTarget="#canvas;" class="rte-btn" id="quote-button"><i class="fa fa-quote-right"></i></div>
129+
<div class="rte-btn" id="heading-btn" hover="width:fit-content" hover-target="#headings"><i class="fas fa-heading"></i></div>
130+
<div id="headings" hover="width:fit-content" hover-target="#headings" class="position:absolute display:flex align-items:center transition:0.4s width:0px background:gainsboro overflow:hidden height:28px border-radius:5px">
131+
<div actions="nodeName" nodeName="h1" nodeTarget="#canvas;" class="rte-btn" id="header-1-button"><i class="fas fa-heading"></i><sub>1</sub></div>
132+
<div actions="nodeName" nodeName="h2" nodeTarget="#canvas;" class="rte-btn" id="header-2-button"><i class="fas fa-heading"></i><sub>2</sub></div>
133+
<div actions="nodeName" nodeName="h3" nodeTarget="#canvas;" class="rte-btn" id="header-1-button"><i class="fas fa-heading"></i><sub>3</sub></div>
134+
<div actions="nodeName" nodeName="h4" nodeTarget="#canvas;" class="rte-btn" id="header-2-button"><i class="fas fa-heading"></i><sub>4</sub></div>
135+
<div actions="nodeName" nodeName="h5" nodeTarget="#canvas;" class="rte-btn" id="header-1-button"><i class="fas fa-heading"></i><sub>5</sub></div>
136+
<div actions="nodeName" nodeName="h6" nodeTarget="#canvas;" class="rte-btn" id="header-2-button"><i class="fas fa-heading"></i><sub>6</sub></div>
137+
</div>
138+
<div class="rte-btn" id="show-controls" show="#sidebar-controls" hide="#sidebar-controls"><i class="fa fa-plus"></i></div>
139+
<div id="sidebar-controls" class="display:flex align-items:center hidden">
140+
<div class="rte-btn" id="image-button"><i class="fa fa-camera"></i></div>
141+
<div class="rte-btn" id="video-button"><i class="fa fa-play"></i></div>
142+
<div class="rte-btn" id="tweet-button"><i class="fa fa-twitter"></i></div>
143+
<div class="rte-btn" id="divider-button"><i class="fa fa-minus"></i></div>
144+
</div>
145+
</tools>
146+
<div class="height:100% width:100% pointer-events:none"></div>
147+
</div>
130148
<!-- End Collaboration Toolbar -->
131149

132150
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>

‎src/admin/companies/datatable.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@
1010
<link rel="stylesheet" href="../index.css" collection="files" document_id="60e4f9714792bff869f1bde5" name="src" type="text/css"/>
1111
</head>
1212

13-
<body class="width:fit-content overflow:overlay">
13+
<body>
1414

1515
<!-- Navbar -->
16-
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky left:0 width:100vw" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
16+
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
1717

1818
<!-- Menu Icon Animations -->
1919
<a class="menu_icon--Vdots" toggle="active" toggle-sidenav="menuL">

‎src/admin/components/datatable.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@
1616
}
1717
</style>
1818

19-
<body class="width:fit-content overflow:overlay">
19+
<body>
2020

2121
<!-- Navbar -->
22-
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky left:0 width:100vw" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
22+
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
2323

2424
<!-- Menu Icon Animations -->
2525
<a class="menu_icon--Vdots" toggle="active" toggle-sidenav="menuL">
@@ -96,7 +96,7 @@
9696
<div class="position:fixed margin-top:50px" main-content_id="content" id="modal-viewport"></div>
9797

9898
<!-- Main Content -->
99-
<main main-content_id="content" class="padding:5px">
99+
<main main-content_id="content" class="padding:5px overflow:overlay">
100100
<table class="width:100% border-collapse:collapse">
101101
<tr class="border-bottom:1px_solid_darkgray">
102102
<td class="position:sticky top:0 background:white padding-top:0 padding:10px ">

‎src/admin/contacts/datatable.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@
1616
}
1717
</style>
1818

19-
<body class="width:fit-content overflow:overlay">
19+
<body>
2020

2121
<!-- Navbar -->
22-
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky left:0 width:100vw" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
22+
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
2323

2424
<!-- Menu Icon Animations -->
2525
<a class="menu_icon--Vdots" toggle="active" toggle-sidenav="menuL">
@@ -96,7 +96,7 @@
9696
<div class="position:fixed margin-top:50px" main-content_id="content" id="modal-viewport"></div>
9797

9898
<!-- Main Content -->
99-
<main main-content_id="content" class="padding:5px">
99+
<main main-content_id="content" class="padding:5px overflow:overlay">
100100
<table class="width:100% border-collapse:collapse">
101101
<tr class="border-bottom:1px_solid_darkgray">
102102
<td class="position:sticky top:0 background:white padding-top:0 padding:10px ">
@@ -162,7 +162,7 @@ <h5 collection="{{collection}}" document_id="{{data._id}}" name="email"></h5>
162162
</a>
163163
</button>
164164

165-
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js" ></script>
165+
<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
166166

167167
</body>
168168

‎src/admin/estimates/datatable.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@
1616
}
1717
</style>
1818

19-
<body class="width:fit-content overflow:overlay">
19+
<body>
2020

2121
<!-- Navbar -->
22-
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky left:0 width:100vw" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
22+
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
2323

2424
<!-- Menu Icon Animations -->
2525
<a class="menu_icon--Vdots" toggle="active" toggle-sidenav="menuL">
@@ -96,7 +96,7 @@
9696
<div class="position:fixed margin-top:50px" main-content_id="content" id="modal-viewport"></div>
9797

9898
<!-- Main Content -->
99-
<main main-content_id="content" class="padding:5px">
99+
<main main-content_id="content" class="padding:5px overflow:overlay">
100100
<table class="width:100% border-collapse:collapse">
101101
<tr class="border-bottom:1px_solid_darkgray">
102102
<td class="position:sticky top:0 background:white padding-top:0 padding:10px ">

‎src/admin/expenses/datatable.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@
1616
}
1717
</style>
1818

19-
<body class="width:fit-content overflow:overlay">
19+
<body>
2020

2121
<!-- Navbar -->
22-
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky left:0 width:100vw" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
22+
<nav class="nav display:flex align-items:center background:whitesmoke position:sticky" main-content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
2323

2424
<!-- Menu Icon Animations -->
2525
<a class="menu_icon--Vdots" toggle="active" toggle-sidenav="menuL">
@@ -96,7 +96,7 @@
9696
<div class="position:fixed margin-top:50px" main-content_id="content" id="modal-viewport"></div>
9797

9898
<!-- Main Content -->
99-
<main main-content_id="content" class="padding:5px">
99+
<main main-content_id="content" class="padding:5px overflow:overlay">
100100
<table class="width:100% border-collapse:collapse">
101101
<tr class="border-bottom:1px_solid_darkgray">
102102
<td class="position:sticky top:0 background:white padding-top:0 padding:10px ">

0 commit comments

Comments
 (0)