IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

Revert "DEV: FloatKit (#23541)" (#23549)

Browse Source 
This reverts commits

0623ac684a
408e71e437
a32fa3b947

User tips were running into some issues.
This commit is contained in:
Joffrey JAFFEUX
2023-09-12 19:55:12 +02:00
committed by GitHub
parent 408e71e437
commit 85fddf58bc
166 changed files with 2490 additions and 5366 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/components/_index.scss
View File

@@ -9,6 +9,7 @@
@import "calendar-date-time-input";
@import "convert-to-public-topic-modal";
@import "d-lightbox";
@import "d-tooltip";
@import "d-toggle-switch";
@import "date-input";
@import "date-picker";
@@ -45,4 +46,3 @@
@import "user-stream-item";
@import "user-stream";
@import "widget-dropdown";
@import "admin-post-menu";

20
app/assets/stylesheets/common/components/admin-post-menu.scss
View File

@@ -1,20 +0,0 @@
[data-content][data-identifier="admin-post-menu"] {
ul {
padding: 0.5rem;
margin: 0;
list-style: none;
li .btn {
width: 100%;
justify-content: flex-start;
}
li {
margin-bottom: 2px;
&:last-child {
margin-bottom: 0;
}
}
}
}

54
app/assets/stylesheets/common/components/buttons.scss
View File

@@ -381,60 +381,6 @@
}
}
.btn-transparent {
background: none;
border: 0;
color: var(--primary);
&.btn-primary,
&.btn-primary:focus,
&.btn-primary:hover {
.d-icon {
color: var(--tertiary) !important;
}
}
&.btn-danger,
&.btn-danger:focus,
&.btn-danger:hover {
.d-icon {
color: var(--danger) !important;
}
}
&.btn-success,
&.btn-success:focus,
&.btn-success:hover {
.d-icon {
color: var(--success) !important;
}
}
.discourse-no-touch & {
&:hover {
color: var(--primary);
background: var(--d-hover);
.d-icon {
color: var(--primary);
}
}
}
&:focus {
color: var(--primary);
background: var(--d-hover);
.d-icon {
color: var(--primary);
}
}
&:focus-visible {
color: var(--primary);
background: var(--d-hover);
.d-icon {
color: var(--primary);
}
}
}
.btn-mini-toggle {
border-radius: var(--d-border-radius);
padding: 0.4em 0.467em;

12
app/assets/stylesheets/common/components/d-tooltip.scss Normal file
View File

@@ -0,0 +1,12 @@
// ".tippy-box" is one of the classes tippy.js uses for creating tooltips
// see https://atomiks.github.io/tippyjs/v6/themes/#tippy-elements
//
// Using `data-theme~="d-tooltip"` scopes down these styles
// to tooltips created using the d-tooltip component
.tippy-box[data-theme~="d-tooltip"] {
color: var(--primary);
background: var(--secondary);
border: 1px solid var(--primary-low);
box-shadow: var(--shadow-menu-panel);
overflow-wrap: break-word;
}

2
app/assets/stylesheets/common/components/download-calendar.scss
View File

@@ -2,7 +2,7 @@
margin-top: 2em;
}
.download-calendar {
div[data-tippy-root] .download-calendar {
color: var(--primary-med-or-secondary-med);
}

7
app/assets/stylesheets/common/components/user-card.scss
View File

@@ -37,14 +37,11 @@
.user-card,
.group-card {
width: var(--card-width);
box-shadow: var(--shadow-card);
color: var(--primary);
background: var(--secondary) center center;
background-size: cover;
position: unset !important;
margin: 0 !important;
border-radius: 0 !important;
box-shadow: unset !important;
z-index: unset !important;
outline: 2px solid transparent;
.card-content {
padding: 10px;

16
app/assets/stylesheets/common/components/user-status-message.scss
View File

@@ -1,22 +1,22 @@
[data-content][data-identifier="user-status-message-tooltip"] {
.user-status-message-description {
margin-left: 0.1em;
color: var(--primary-800);
}
.user-status-message-tooltip {
.emoji {
width: 1em;
height: 1em;
}
.user-status-message-description {
margin-left: 0.1rem;
color: var(--primary-800);
}
.user-status-tooltip-description {
font-weight: bold;
margin-left: 0.25rem;
margin-left: 0.1em;
vertical-align: middle;
}
.user-status-tooltip-until {
margin-top: 0.1rem;
margin-top: 0.2em;
color: var(--primary-medium);
}
}