From 415a91c286eed729e7ccbeefaed2c9b2114fcbda Mon Sep 17 00:00:00 2001 From: Eric Jones Date: Wed, 10 Apr 2024 21:06:51 +0000 Subject: [PATCH 1/2] tab group style updates --- api_server/modules/apiweb/styles/web.css | 16 ++++++++++++- .../templates/partial_launcher_detailed.hbs | 24 +++++++++---------- api_server/modules/web/styles/web.css | 16 ++++++++++++- 3 files changed, 42 insertions(+), 14 deletions(-) diff --git a/api_server/modules/apiweb/styles/web.css b/api_server/modules/apiweb/styles/web.css index 0fafc71e3..1b0abb0bd 100644 --- a/api_server/modules/apiweb/styles/web.css +++ b/api_server/modules/apiweb/styles/web.css @@ -206,18 +206,26 @@ h6 { .content-body-tab-container { margin-top: 32px; margin-bottom: 10px; + border-bottom: 1px solid #3c3c3c; display: flex; justify-content: space-between; } .content-body-tab-header { font-size: larger; cursor: pointer; + display: inline-block; + text-align: center; + padding-bottom: 5px; + margin-bottom: -1px; +} +.content-body-copy { + margin-bottom: 12px; } .content-body-tab { display: none; } .content-active-tab { - display: block !important; + /* display: block !important; */ border-bottom: 1px solid; } .box-border { @@ -669,6 +677,12 @@ hr { margin-top: 10px; } +@media (max-width: 768px) { + .content-body-tab-icon { + display: none !important; + } + } + @media (min-width: 1px) { .btn-block-wrap { width: 100%; diff --git a/api_server/modules/apiweb/templates/partial_launcher_detailed.hbs b/api_server/modules/apiweb/templates/partial_launcher_detailed.hbs index 5e2ed405b..37598fadd 100644 --- a/api_server/modules/apiweb/templates/partial_launcher_detailed.hbs +++ b/api_server/modules/apiweb/templates/partial_launcher_detailed.hbs @@ -642,26 +642,26 @@ function onIdeSelected(e, moniker) {
-
- +
+ Errors
-
- +
+ Logs
-
- +
+ NRQL Queries
-
- +
+ Code Performance
-
+
Use the frames of the stack trace to navigate the code. Leverage the power of New Relic AI, and the help your teammates, to collaborate on the investigation.
@@ -670,7 +670,7 @@ function onIdeSelected(e, moniker) {
-
+
Search logs for your APM or OTel services, or even an Infra container. Intiate a log search directly from specific log lines in your code.
@@ -679,7 +679,7 @@ function onIdeSelected(e, moniker) {
-
+
Run queries right from your IDE, with auto-complete, visualizations, and export. Share commonly used queries in .nrql files added to your repo, and run queries right from the file.
@@ -688,7 +688,7 @@ function onIdeSelected(e, moniker) {
-
+
Identify transactions that are exhibiting performance problems since your last release, and drill down into specific methods, database operations or external services that are at the root of the problem.
diff --git a/api_server/modules/web/styles/web.css b/api_server/modules/web/styles/web.css index 0fafc71e3..1b0abb0bd 100644 --- a/api_server/modules/web/styles/web.css +++ b/api_server/modules/web/styles/web.css @@ -206,18 +206,26 @@ h6 { .content-body-tab-container { margin-top: 32px; margin-bottom: 10px; + border-bottom: 1px solid #3c3c3c; display: flex; justify-content: space-between; } .content-body-tab-header { font-size: larger; cursor: pointer; + display: inline-block; + text-align: center; + padding-bottom: 5px; + margin-bottom: -1px; +} +.content-body-copy { + margin-bottom: 12px; } .content-body-tab { display: none; } .content-active-tab { - display: block !important; + /* display: block !important; */ border-bottom: 1px solid; } .box-border { @@ -669,6 +677,12 @@ hr { margin-top: 10px; } +@media (max-width: 768px) { + .content-body-tab-icon { + display: none !important; + } + } + @media (min-width: 1px) { .btn-block-wrap { width: 100%; From 6f68a45d4f9949cd1a14e7709f14eec0fc1c523a Mon Sep 17 00:00:00 2001 From: Eric Jones Date: Wed, 10 Apr 2024 21:52:56 +0000 Subject: [PATCH 2/2] minor tweaks --- api_server/modules/apiweb/styles/web.css | 5 +++++ .../apiweb/templates/partial_launcher_detailed.hbs | 8 ++++---- api_server/modules/web/styles/web.css | 5 +++++ 3 files changed, 14 insertions(+), 4 deletions(-) diff --git a/api_server/modules/apiweb/styles/web.css b/api_server/modules/apiweb/styles/web.css index 1b0abb0bd..b6024021d 100644 --- a/api_server/modules/apiweb/styles/web.css +++ b/api_server/modules/apiweb/styles/web.css @@ -681,6 +681,11 @@ hr { .content-body-tab-icon { display: none !important; } + .content-body-tab-header { + display: flex; + align-items: center; + justify-content: center; + } } @media (min-width: 1px) { diff --git a/api_server/modules/apiweb/templates/partial_launcher_detailed.hbs b/api_server/modules/apiweb/templates/partial_launcher_detailed.hbs index 37598fadd..e6bf12ce5 100644 --- a/api_server/modules/apiweb/templates/partial_launcher_detailed.hbs +++ b/api_server/modules/apiweb/templates/partial_launcher_detailed.hbs @@ -642,19 +642,19 @@ function onIdeSelected(e, moniker) {
-
+
Errors
-
+
Logs
-
+
NRQL Queries
-
+
Code Performance
diff --git a/api_server/modules/web/styles/web.css b/api_server/modules/web/styles/web.css index 1b0abb0bd..b6024021d 100644 --- a/api_server/modules/web/styles/web.css +++ b/api_server/modules/web/styles/web.css @@ -681,6 +681,11 @@ hr { .content-body-tab-icon { display: none !important; } + .content-body-tab-header { + display: flex; + align-items: center; + justify-content: center; + } } @media (min-width: 1px) {