Skip to content

Commit

Permalink
Merge pull request #547 from sentrysoftware/feature/issue-546-title-a…
Browse files Browse the repository at this point in the history
…dd-default-platform-icon-option-dark-mode-tile-colors

Issue #546: Add default platform icon option & dark-mode tile colors
  • Loading branch information
NassimBtk authored Jan 16, 2025
2 parents cd682df + ff9ad5a commit 1eb75ca
Show file tree
Hide file tree
Showing 107 changed files with 119 additions and 2 deletions.
3 changes: 2 additions & 1 deletion metricshub-doc/pom.xml
Original file line number Diff line number Diff line change
Expand Up @@ -119,9 +119,10 @@
<plugin>
<groupId>org.sentrysoftware.maven</groupId>
<artifactId>metricshub-connector-maven-plugin</artifactId>
<version>1.0.07</version>
<version>1.0.08-SNAPSHOT</version>
<configuration>
<sourceDirectory>${project.basedir}/../metricshub-agent/target/connectors</sourceDirectory>
<defaultPlatformIconFilename>default.png</defaultPlatformIconFilename>
</configuration>
</plugin>
</plugins>
Expand Down
115 changes: 115 additions & 0 deletions metricshub-doc/src/site/resources/css/site.css
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,20 @@ body.dark {
--main-fgcolor: #e9ecef;
}

body.metricshub.dark .platform-tile {
background: #333;
color: #ffffff;
box-shadow: none;
}

body.metricshub.dark .platform-tile:hover {
box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

body.metricshub.dark .platform-tile .platform-title {
color: #fff;
}

/* Special PrismJS colors for <code> element containing JSON */
body.metricshub code[class*=language-js] {
color: #606060;
Expand Down Expand Up @@ -120,4 +134,105 @@ body.metricshub.dark code[class*=language-js] .token.punctuation {
color: white;
text-decoration: none;
font-size: small;
}

.metricshub .platform-tile-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
padding: 10px;
width: 100%;
}

.metricshub .platform-tile {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
background: rgb(237 237 237);
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
text-align: center;
padding: 20px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
text-decoration: none;
color: inherit;
}

.metricshub .platform-tile:hover {
transform: translateY(-5px);
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
cursor: pointer;
}

.metricshub .platform-tile .platform-title {
font-size: 18px;
margin-bottom: 15px;
color: #333;
text-align: center;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
}

.metricshub .platform-tile .platform-connectors {
font-size: 14px;
margin-bottom: 15px;
color: #333;
text-align: center;
min-height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.metricshub .platform-tile .platform-icon {
width: 140px;
height: 140px;
background-size: cover;
background-position: center;
}

.metricshub .platform-tile .platform-badges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 10px;
width: 100%;
}

.metricshub .platform-tile .badge {
font-size: 10px;
border-radius: 10px;
padding: 5px 10px;
text-align: center;
white-space: nowrap;
}

.metricshub .platform-tile div:last-child {
margin-top: auto;
}

@media (max-width: 1200px) and (min-width: 993px) {
.metricshub .platform-tile-container {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 992px) and (min-width: 769px) {
.metricshub .platform-tile-container {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 768px) {
.metricshub .platform-tile-container {
grid-template-columns: repeat(1, 1fr);
}

.metricshub .platform-tile {
padding: 40px;
}
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions metricshub-doc/src/site/site.xml
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,7 @@
<item name="Overview" href="index.html" />
<item name="Release Notes" href="release-notes.html" />
<item name="Connectors Directory" href="metricshub-connectors-directory.html" />
<item name="Connectors Full Listing" href="metricshub-connectors-full-listing.html" />
</menu>

<menu name="Installation">
Expand Down
2 changes: 1 addition & 1 deletion pom.xml
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@
</developers>

<properties>
<community-connectors.version>1.0.07</community-connectors.version>
<community-connectors.version>1.0.08-SNAPSHOT</community-connectors.version>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<maven.compiler.release>17</maven.compiler.release>
<hwgraf.version>4</hwgraf.version>
Expand Down

0 comments on commit 1eb75ca

Please sign in to comment.