github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-06-04 17:04:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added core code-lang-favourites JS, PHP & CSS logic

Browse Source 
- Got the functionality now working to favourite items and store that
  status within the system for the user.
- Improved CSS display for usability.
This commit is contained in:
Dan Brown
2022-07-25 13:10:27 +01:00
parent ebc5a53410
commit 0df5ae0658
5 changed files with 76 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
resources/sass/_components.scss
View File

@ -666,7 +666,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
text-align: left;
font-family: $mono;
font-size: 0.7rem;
padding-right: 24px + $-m;
padding-left: 24px + $-s;
&:hover, &.active {
background-color: var(--color-primary-light);
color: var(--color-primary);
@ -675,7 +675,8 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
.code-editor button.lang-option-favorite-toggle {
position: absolute;
right: 0;
top: 0;
left: 0;
width: 28px;
font-size: 1rem;
border: 0;
@ -684,11 +685,17 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
z-index: 2;
height: 100%;
text-align: center;
color: var(--color-primary);
svg {
margin: 0;
}
}
.code-editor button[data-favourite="true"] ~ .action-favourite,
.code-editor button[data-favourite="false"] ~ .action-unfavourite {
display: none;
}
.code-editor label {
background-color: var(--color-primary-light);
width: 100%;