fix comment box

This commit is contained in:
HolgerHatGarKeineNode
2023-02-27 15:48:44 +01:00
parent 09d2fdeb18
commit 0f62546dd0
9 changed files with 67 additions and 101 deletions

View File

@@ -72,6 +72,7 @@ class LibraryItemForm extends Component
$this->libraryItem = new LibraryItem([ $this->libraryItem = new LibraryItem([
'approved' => true, 'approved' => true,
'read_time' => 1, 'read_time' => 1,
'value' => '',
]); ]);
if ($this->lecturer) { if ($this->lecturer) {
$this->library = Library::query() $this->library = Library::query()

22
composer.lock generated
View File

@@ -14617,16 +14617,16 @@
}, },
{ {
"name": "laravel-lang/lang", "name": "laravel-lang/lang",
"version": "12.18.3", "version": "12.18.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/Laravel-Lang/lang.git", "url": "https://github.com/Laravel-Lang/lang.git",
"reference": "b7f80e78e9555895f1a94db9a3bf311c98942bff" "reference": "b224d7f29fb792c2e816de270c930d8a77d25249"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/Laravel-Lang/lang/zipball/b7f80e78e9555895f1a94db9a3bf311c98942bff", "url": "https://api.github.com/repos/Laravel-Lang/lang/zipball/b224d7f29fb792c2e816de270c930d8a77d25249",
"reference": "b7f80e78e9555895f1a94db9a3bf311c98942bff", "reference": "b224d7f29fb792c2e816de270c930d8a77d25249",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@@ -14679,7 +14679,7 @@
"type": "open_collective" "type": "open_collective"
} }
], ],
"time": "2023-02-23T16:22:56+00:00" "time": "2023-02-27T13:39:16+00:00"
}, },
{ {
"name": "laravel-lang/publisher", "name": "laravel-lang/publisher",
@@ -15565,16 +15565,16 @@
}, },
{ {
"name": "phpunit/phpunit", "name": "phpunit/phpunit",
"version": "9.6.3", "version": "9.6.4",
"source": { "source": {
"type": "git", "type": "git",
"url": "https://github.com/sebastianbergmann/phpunit.git", "url": "https://github.com/sebastianbergmann/phpunit.git",
"reference": "e7b1615e3e887d6c719121c6d4a44b0ab9645555" "reference": "9125ee085b6d95e78277dc07aa1f46f9e0607b8d"
}, },
"dist": { "dist": {
"type": "zip", "type": "zip",
"url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/e7b1615e3e887d6c719121c6d4a44b0ab9645555", "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/9125ee085b6d95e78277dc07aa1f46f9e0607b8d",
"reference": "e7b1615e3e887d6c719121c6d4a44b0ab9645555", "reference": "9125ee085b6d95e78277dc07aa1f46f9e0607b8d",
"shasum": "" "shasum": ""
}, },
"require": { "require": {
@@ -15647,7 +15647,7 @@
], ],
"support": { "support": {
"issues": "https://github.com/sebastianbergmann/phpunit/issues", "issues": "https://github.com/sebastianbergmann/phpunit/issues",
"source": "https://github.com/sebastianbergmann/phpunit/tree/9.6.3" "source": "https://github.com/sebastianbergmann/phpunit/tree/9.6.4"
}, },
"funding": [ "funding": [
{ {
@@ -15663,7 +15663,7 @@
"type": "tidelift" "type": "tidelift"
} }
], ],
"time": "2023-02-04T13:37:15+00:00" "time": "2023-02-27T13:06:37+00:00"
}, },
{ {
"name": "sebastian/cli-parser", "name": "sebastian/cli-parser",

View File

@@ -35,7 +35,6 @@
<script src="{{ asset('dist/leaflet-heatmap.js') }}"></script> <script src="{{ asset('dist/leaflet-heatmap.js') }}"></script>
<script src="{{ asset('dist/leaflet-providers.js') }}"></script> <script src="{{ asset('dist/leaflet-providers.js') }}"></script>
<wireui:scripts /> <wireui:scripts />
<x-comments::scripts/>
@vite(['resources/css/app.css', 'resources/js/app.js']) @vite(['resources/css/app.css', 'resources/js/app.js'])
<!-- Styles --> <!-- Styles -->
<link rel="stylesheet" href="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.css') }}" type="text/css" <link rel="stylesheet" href="{{ asset('vendor/jvector/jquery-jvectormap-2.0.5.css') }}" type="text/css"
@@ -44,49 +43,7 @@
<x-comments::styles/> <x-comments::styles/>
<x-embed-styles /> <x-embed-styles />
@livewireStyles @livewireStyles
<style> @include('layouts.styles')
.comments {
--comments-color-background: rgb(34, 34, 34);
--comments-color-background: rgb(34, 34, 34);
--comments-color-background-nested: rgb(34, 34, 34);
--comments-color-background-paper: rgb(55, 51, 51);
--comments-color-background-info: rgb(104, 89, 214);
--comments-color-reaction: rgb(59, 59, 59);
--comments-color-reaction-hover: rgb(65, 63, 63);
--comments-color-reacted: rgba(67, 56, 202, 0.25);
--comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
--comments-color-border: rgb(221, 221, 221);
--comments-color-text: white;
--comments-color-text-dimmed: rgb(164, 164, 164);
--comments-color-text-inverse: white;
--comments-color-accent: rgba(67, 56, 202);
--comments-color-accent-hover: rgba(67, 56, 202, 0.75);
--comments-color-danger: rgb(225, 29, 72);
--comments-color-danger-hover: rgb(225, 29, 72, 0.75);
--comments-color-success: rgb(10, 200, 134);
--comments-color-success-hover: rgb(10, 200, 134, 0.75);
--comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.comments-button {
background-color: #F7931A !important;
}
.leaflet-pane {
z-index: 0 !important;
}
[x-cloak] {
display: none !important;
}
</style>
</head> </head>
<body class="font-sans antialiased bg-21gray dark"> <body class="font-sans antialiased bg-21gray dark">
<x-notifications z-index="z-[99999]" blur="md" align="center"/> <x-notifications z-index="z-[99999]" blur="md" align="center"/>
@@ -107,6 +64,6 @@
@livewireScripts @livewireScripts
<!-- ProductLift SDK - Include it only once --> <!-- ProductLift SDK - Include it only once -->
<script defer src="https://bitcoin.productlift.dev/widgets_sdk"></script> <script defer src="https://bitcoin.productlift.dev/widgets_sdk"></script>
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script> <x-comments::scripts/>
</body> </body>
</html> </html>

View File

@@ -36,55 +36,12 @@
<script src="{{ asset('dist/leaflet-heatmap.js') }}"></script> <script src="{{ asset('dist/leaflet-heatmap.js') }}"></script>
<script src="{{ asset('dist/leaflet-providers.js') }}"></script> <script src="{{ asset('dist/leaflet-providers.js') }}"></script>
<wireui:scripts/> <wireui:scripts/>
<x-comments::scripts/>
<x-embed-styles /> <x-embed-styles />
@vite(['resources/css/app.css', 'resources/js/app.js']) @vite(['resources/css/app.css', 'resources/js/app.js'])
<!-- Styles --> <!-- Styles -->
<x-comments::styles/> <x-comments::styles/>
@livewireStyles @livewireStyles
<style> @include('layouts.styles')
.comments {
--comments-color-background: rgb(34, 34, 34);
--comments-color-background: rgb(34, 34, 34);
--comments-color-background-nested: rgb(34, 34, 34);
--comments-color-background-paper: rgb(55, 51, 51);
--comments-color-background-info: rgb(104, 89, 214);
--comments-color-reaction: rgb(59, 59, 59);
--comments-color-reaction-hover: rgb(65, 63, 63);
--comments-color-reacted: rgba(67, 56, 202, 0.25);
--comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
--comments-color-border: rgb(221, 221, 221);
--comments-color-text: white;
--comments-color-text-dimmed: rgb(164, 164, 164);
--comments-color-text-inverse: white;
--comments-color-accent: rgba(67, 56, 202);
--comments-color-accent-hover: rgba(67, 56, 202, 0.75);
--comments-color-danger: rgb(225, 29, 72);
--comments-color-danger-hover: rgb(225, 29, 72, 0.75);
--comments-color-success: rgb(10, 200, 134);
--comments-color-success-hover: rgb(10, 200, 134, 0.75);
--comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.comments-button {
background-color: #F7931A !important;
}
.leaflet-pane {
z-index: 0 !important;
}
[x-cloak] {
display: none !important;
}
</style>
</head> </head>
<body class="font-sans antialiased bg-21gray dark"> <body class="font-sans antialiased bg-21gray dark">
<x-notifications z-index="z-[99999]" blur="md" align="center"/> <x-notifications z-index="z-[99999]" blur="md" align="center"/>
@@ -105,6 +62,6 @@
@livewireScripts @livewireScripts
<!-- ProductLift SDK - Include it only once --> <!-- ProductLift SDK - Include it only once -->
<script defer src="https://bitcoin.productlift.dev/widgets_sdk"></script> <script defer src="https://bitcoin.productlift.dev/widgets_sdk"></script>
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script> <x-comments::scripts/>
</body> </body>
</html> </html>

View File

@@ -0,0 +1,43 @@
<style>
.comments {
--comments-color-background: rgb(34, 34, 34);
--comments-color-background: rgb(34, 34, 34);
--comments-color-background-nested: rgb(34, 34, 34);
--comments-color-background-paper: rgb(55, 51, 51);
--comments-color-background-info: rgb(104, 89, 214);
--comments-color-reaction: rgb(59, 59, 59);
--comments-color-reaction-hover: rgb(65, 63, 63);
--comments-color-reacted: rgba(67, 56, 202, 0.25);
--comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
--comments-color-border: rgb(221, 221, 221);
--comments-color-text: white;
--comments-color-text-dimmed: rgb(164, 164, 164);
--comments-color-text-inverse: white;
--comments-color-accent: rgba(67, 56, 202);
--comments-color-accent-hover: rgba(67, 56, 202, 0.75);
--comments-color-danger: rgb(225, 29, 72);
--comments-color-danger-hover: rgb(225, 29, 72, 0.75);
--comments-color-success: rgb(10, 200, 134);
--comments-color-success-hover: rgb(10, 200, 134, 0.75);
--comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.comments-button {
background-color: #F7931A !important;
}
.leaflet-pane {
z-index: 0 !important;
}
[x-cloak] {
display: none !important;
}
</style>

View File

@@ -143,4 +143,5 @@
</form> </form>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
</div> </div>

View File

@@ -95,4 +95,6 @@
</div> </div>
</form> </form>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
</div> </div>

View File

@@ -1,6 +1,7 @@
<div> <div>
{{-- HEADER --}} {{-- HEADER --}}
<livewire:frontend.header :country="null"/> <livewire:frontend.header :country="null"/>
<div class="container p-4 mx-auto bg-21gray my-2"> <div class="container p-4 mx-auto bg-21gray my-2">
<div class="pb-5 flex flex-row justify-between"> <div class="pb-5 flex flex-row justify-between">
@@ -179,4 +180,6 @@
</div> </div>
</form> </form>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
</div> </div>

View File

@@ -138,4 +138,6 @@
</form> </form>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
</div> </div>