Skip to content

Commit 81100bf

Browse files
pmeisenpmeisen
committed
added more dev-studio
1 parent b6835d7 commit 81100bf

File tree

3 files changed

+26
-26
lines changed

3 files changed

+26
-26
lines changed

‎dist/breinify-dev-studio.js

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -80,12 +80,12 @@
8080
div.plugin-bubble { background: linear-gradient(to bottom, #2a2a2a, #1f1f1f); border: 1px solid #333; border-left: 4px solid #4fc3f7; border-radius: 6px; margin-bottom: 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; }
8181
div.plugin-header { font-size: 14px; font-weight: bold; color: #4fc3f7; padding: 10px 12px; cursor: pointer; user-select: none; position: relative; }
8282
span.plugin-indicator { position: absolute; right: 12px; top: 10px; font-size: 12px; transform-origin: center; transition: transform 0.3s ease; }
83-
span.plugin-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; padding: 0 12px; }
84-
span.plugin-content.expended { padding: 10px 12px }
85-
span.plugin-content ul { list-style-type: none; padding-left: 0; margin: 0; }
86-
span.plugin-content ul li { margin-bottom: 4px; }
87-
span.plugin-content ul li span.plugin-prop-key { color: #bbbbbb; }
88-
span.plugin-content ul li span.plugin-prop-value { color: #ffffff; }
83+
div.plugin-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; padding: 0 12px; }
84+
div.plugin-content.expended { padding: 10px 12px }
85+
div.plugin-content ul { list-style-type: none; padding-left: 0; margin: 0; }
86+
div.plugin-content ul li { margin-bottom: 4px; }
87+
div.plugin-content ul li span.plugin-prop-key { color: #bbbbbb; }
88+
div.plugin-content ul li span.plugin-prop-value { color: #ffffff; }
8989
#toggle-button { position: fixed; bottom: 10px; right: 10px; width: 32px; height: 32px; background: #333; border-radius: 50%; align-items: center; justify-content: center; cursor: pointer; z-index: 9999998; box-shadow: 0 0 5px rgba(0,0,0,0.3); transition: opacity 0.2s ease-out; display: none; }
9090
#toggle-button:hover svg path { fill: #ccc; }
9191
::-webkit-scrollbar { width: 6px; }
@@ -166,11 +166,11 @@
166166
expanded = $header.hasClass('expended');
167167

168168
if (expanded) {
169-
expanded.removeClass('expended');
170-
$content.css('maxHeight', $(content)[0].scrollHeight + 'px');
169+
$header.removeClass('expended');
170+
$content.css('maxHeight', $content[0].scrollHeight + 'px');
171171
$indicator.text('▼');
172172
} else {
173-
expanded.addClass('expended');
173+
$header.addClass('expended');
174174
$content.css('maxHeight', '0');
175175
$indicator.text('─');
176176
}

‎dist/breinify-dev-studio.min.js

Lines changed: 8 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/plugins/DevStudio.js

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -80,12 +80,12 @@
8080
div.plugin-bubble { background: linear-gradient(to bottom, #2a2a2a, #1f1f1f); border: 1px solid #333; border-left: 4px solid #4fc3f7; border-radius: 6px; margin-bottom: 12px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; }
8181
div.plugin-header { font-size: 14px; font-weight: bold; color: #4fc3f7; padding: 10px 12px; cursor: pointer; user-select: none; position: relative; }
8282
span.plugin-indicator { position: absolute; right: 12px; top: 10px; font-size: 12px; transform-origin: center; transition: transform 0.3s ease; }
83-
span.plugin-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; padding: 0 12px; }
84-
span.plugin-content.expended { padding: 10px 12px }
85-
span.plugin-content ul { list-style-type: none; padding-left: 0; margin: 0; }
86-
span.plugin-content ul li { margin-bottom: 4px; }
87-
span.plugin-content ul li span.plugin-prop-key { color: #bbbbbb; }
88-
span.plugin-content ul li span.plugin-prop-value { color: #ffffff; }
83+
div.plugin-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; padding: 0 12px; }
84+
div.plugin-content.expended { padding: 10px 12px }
85+
div.plugin-content ul { list-style-type: none; padding-left: 0; margin: 0; }
86+
div.plugin-content ul li { margin-bottom: 4px; }
87+
div.plugin-content ul li span.plugin-prop-key { color: #bbbbbb; }
88+
div.plugin-content ul li span.plugin-prop-value { color: #ffffff; }
8989
#toggle-button { position: fixed; bottom: 10px; right: 10px; width: 32px; height: 32px; background: #333; border-radius: 50%; align-items: center; justify-content: center; cursor: pointer; z-index: 9999998; box-shadow: 0 0 5px rgba(0,0,0,0.3); transition: opacity 0.2s ease-out; display: none; }
9090
#toggle-button:hover svg path { fill: #ccc; }
9191
::-webkit-scrollbar { width: 6px; }
@@ -166,11 +166,11 @@
166166
expanded = $header.hasClass('expended');
167167

168168
if (expanded) {
169-
expanded.removeClass('expended');
170-
$content.css('maxHeight', $(content)[0].scrollHeight + 'px');
169+
$header.removeClass('expended');
170+
$content.css('maxHeight', $content[0].scrollHeight + 'px');
171171
$indicator.text('▼');
172172
} else {
173-
expanded.addClass('expended');
173+
$header.addClass('expended');
174174
$content.css('maxHeight', '0');
175175
$indicator.text('─');
176176
}

0 commit comments

Comments
 (0)